CSS属性セレクターの解析について

次の記事では、CSS 属性セレクターについて包括的に理解できます。内容がとても良かったので、参考としてシェアさせていただきます。

1.[class~="flower"]: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だけでも大丈夫です

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

5.[class*='tt']: 位置に関係なくttの2文字を持つクラスを選択してください

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

6.[target=_blank]

a标签中有target =_blank的选中

7 .input[type="button"]

以上がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。

関連する推奨事項:

CSS3 の配置とフローティングの分析について

CSS3 での currentColor キーワードの使用方法について

以上がCSS属性セレクターの解析についての詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。