CSS 속성 선택기 분석에 대해

다음 문서에서는 CSS 속성 선택기에 대한 포괄적인 이해를 제공합니다. 내용이 꽤 괜찮아서 지금 공유해서 참고용으로 올려드리겠습니다.

1.[class~="flower"]: 꽃이 있는 클래스를 선택　

class="flower ss"
　　class="ss flower"

2.[class|='top']: top으로 시작하는 클래스를 선택하며 '—' 또는 a로 연결해야 합니다. 별도의 상단

　class="top-ss"
　　class="top"
　　class="top-ss"//选不中

3.[class^="top"]: 상단으로 시작하는 단어를 선택하세요. 연결된 특수기호 유무와 관계없이 상단만 사용 가능합니다

class="top-ss"
　　class="topss"

4.[class$="top "]: top으로 시작하는 단어를 선택하세요. 끝나는 클래스, top만으로도 OK

　class="mytop"
　　class="my-top"
　　class="top"

5.[class*='tt']: 위치에 관계없이 tt 두 글자가 있는 클래스를 선택하세요

　class="sttd"
　　class="ttee"
　　class="eett"

6. [target=_blank]

a标签中有target =_blank的选中

7 .input[type="button"]

위 내용은 모두의 학습에 도움이 되기를 바랍니다. PHP 중국어 웹사이트!

관련 권장 사항:

CSS3 위치 지정 및 부동 분석 정보

CSS3에서 currentColor 키워드를 사용하는 방법

위 내용은 CSS 속성 선택기 분석에 대해의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!