質問: 具体的には、 ``` タイトル1 テキストテキスト タイトル2 テキストテキスト タイトル3 テキストテキスト ``` 上記において、hogeクラスの子要素である 先頭の"タイトル1"というh1タグのみにスタイルを適用したいが、 "タイトル1"の前に別の要素がある場合はスタイルは適用したくない。 ``` テキストテキスト タイトル1 テキストテキスト タイトル2 テキストテキスト タイトル3 テキストテキスト ``` スマートな方法はありますでしょうか。
回答: 同セクショニング内では、h1は複数あるのは、セマンティクス正しくはないですが・・・。 ~~nth-of-type()~~:first-child疑似セレクタを使います。 ``` .hoge h1:first-child { /* スタイル内容 */ } ``` 他にもいろいろなセレクタで、可能なので、 調べてみるとよいでしょう。