1. ホーム
  2. css

[解決済み】CSSセレクタでクラスとIDを結合する方法は?

2022-04-16 08:11:37

質問

以下のようなdivがあった場合。

<div class="sectionA" id="content">
    Lorem Ipsum...
</div>

という考えを表現するスタイルを定義する方法はありますか? id='content' AND class='myClass' をご覧ください。

それとも、次のように、どちらか一方だけでいいのでしょうか?

<div class="content-sectionA">
    Lorem Ipsum...
</div>

または

<div id="content-sectionA">
    Lorem Ipsum...
</div>

解決方法は?

スタイルシートの中で

div#content.myClass

編集部:これらも参考になるかもしれませんね。

div#content.myClass.aSecondClass.aThirdClass /* Won't work in IE6, but valid */
div.firstClass.secondClass /* ditto */

と、あなたの例に倣って

div#content.sectionA

編集部 4年後 超古いのに見つけてくれる人がいるので。 ドンマイ はセレクタでタグ名を使用します。 #content.myClass よりも高速です。 div#content.myClass なぜなら、tagName は必要ないフィルタリングのステップを追加してしまうからです。 セレクタでタグ名を使用するのは、必要な場合だけにしてください。