>  기사  >  웹 프론트엔드  >  CSS 속성 선택기에 대한 종합적인 분석

CSS 속성 선택기에 대한 종합적인 분석

高洛峰
高洛峰원래의
2017-03-07 13:23:491765검색

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

class="flower ss"

class="ss flower"

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

class="top-ss"

class="top"

 class="top-ss"//Unselected

3.[class^="top"]: 특수기호 유무와 상관없이 top으로 시작하는 항목 선택 별도의 상단을 사용할 수도 있습니다.

class="top-ss"

class="topss"

4.[class$="top"]: 엔딩클래스는 상의를 선택하세요, 상의는 따로 입어도 좋아요

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" ]

위 글은 편집자가 여러분에게 공유한 CSS 속성 선택기에 대한 포괄적인 이해에 관한 모든 내용입니다. 참고가 되기를 바라며, PHP 중국어 웹사이트에 많은 지원 부탁드립니다. .

CSS 속성 선택기 관련 기사에 대한 보다 포괄적인 분석을 보려면 PHP 중국어 웹사이트를 주목하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.