CSS属性セレクターの包括的な分析

1.[class~="flower"]: 花のあるクラスを選択します

class="flower ss"

class="ss flowers"

2.[class|='top']: 先頭を「The」として選択しますtopで始まるクラスは「—」で接続するか、top単独で接続する必要があります

class="top-ss"

class="top"

class="top-ss"//選択できません

3.[ class ^="top"]: 特殊なシンボルが接続されているかどうかに関係なく、始点としてtopを選択します。topのみでも使用できます

class="top-ss"

class="topss"

4.[ class$=" top"]: topで終わるクラスを選択します、topだけでもOKです

class="mytop"

class="my-top"

class="top"

5.[class* ='tt ']: 位置に関係なくtt2文字のクラスを選択

class="sttd"

class="ttee"

class="eett"

6.[target=_blank]

a tag target =_blank selected があります

7.input[type="button"]

上記の記事は、CSS 属性セレクターについての包括的な理解が得られるものであり、エディターが共有する内容のすべてです。また、PHP 中国語 Web サイトをサポートしていただければ幸いです。

CSS 属性セレクター関連記事のより包括的な分析については、PHP 中国語 Web サイトに注目してください。