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; }

참고로,이 값이 유효한 식별자가 아닌 경우에만 속성 값을 따옴표로 묶어야합니다.

JSFiddle 데모

연결하기 위해 :

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

그리고 노조를 취하는 것은 다음과 같습니다.

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

속성 선택기를 연결하십시오.

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

셀렉터와 여는 브래킷 사이에 공간이 없어야한다는 것을 추가하기 만하면됩니다.

td[someclass] 

작동합니다. 그러나

td [someclass] 

하지 않을 것이다.

[class*="test"],[class="second"] {
background: #ffff00;
}