CSS에서 여러 특성 선택기 지정

CSS에서 여러 특성 선택기 지정

다음과 같은 작업을 수행하기 위한 구문은 무엇입니까?

input[name="Sex" AND value="M"]

기본적으로, 나는 선택하고 싶습니다.input속성을 가진 요소name="Sex"속성뿐만 아니라value="M":

<input type="radio" name="Sex" value="M" />

다음과 같은 요소를 선택해서는 안 됩니다.

<input type="radio" name="Sex" value="F" />

간단하죠.input[name=Sex][value=M]꽤 좋을 것 같습니다.그리고 실제로 표준 문서에 잘 설명되어 있습니다.

여러 특성 선택기를 사용하여 요소의 여러 특성을 참조하거나 동일한 특성을 여러 번 참조할 수 있습니다.

여기서 선택기는 "hello" 특성이 정확히 "Cleveland" 값을 가지고 "goodbye" 특성이 정확히 "Columbus" 값을 가진 모든 SPAN 요소와 일치합니다.

span[hello="Cleveland"][goodbye="Columbus"] { color: blue; }

참고로 속성 값 주위에 따옴표를 사용하는 것은 이 값이 유효한 식별자가 아닌 경우에만 필요합니다.

JS Fidle 데모

연결의 경우:

input[name="Sex"][value="M"] {}

그리고 연합을 하는 것은 다음과 같습니다.

input[name="Sex"], input[value="M"] {}

특성 선택기 연결:

input[name="Sex"][value="M"]

셀렉터와 오프닝 브래킷 사이에 공간이 없어야 합니다.

다음은 다음 시간마다 트리거됩니다.td이름이 지정된 속성으로attr

td[attr] 

다음은 내부의 모든 요소를 트리거합니다.td이름이 지정된 속성으로attr(TD 자체가 아님)

td [attr] 

언급URL : https://stackoverflow.com/questions/12340737/specify-multiple-attribute-selectors-in-css