CSS에서 여러 속성을 가진 요소를 선택하는 방법은 무엇입니까?

CSS에서 여러 속성 선택자를 지정하는 방법

CSS에서는 여러 속성을 기반으로 요소를 선택할 수 있습니다. 이는 기준 조합을 사용하여 특정 요소를 타겟팅하려는 경우 유용할 수 있습니다.

구문:

여러 속성 값과 일치하는 요소를 선택하려면 다음 구문을 사용하세요. :

[attribute1=value1] [attribute2=value2]

예를 들어, 이름이 "Sex"이고 속성 값이 "M"인 입력 요소를 선택하려면 다음 선택기:

input[name=Sex][value=M]

예:

다음 HTML 마크업을 고려하세요.

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

첫 번째 입력 요소는 input[name=Sex][value=M] 선택자는 name="Sex" 및 value="M" 속성을 모두 갖고 있기 때문입니다. 두 번째 입력 요소는 value="M" 대신 value="F" 속성을 갖기 때문에 선택되지 않습니다.

참고:

따옴표 사용 속성 값은 값이 유효하지 않은 경우에만 필요합니다. 식별자.

참조:

이 구문은 CSS 표준 문서에 잘 설명되어 있습니다.

Multiple attribute selectors can be used to refer to several
attributes of an element, or even several times to the same attribute.

...

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

위 내용은 CSS에서 여러 속성을 가진 요소를 선택하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!