質問: 親要素で指定した文字色はすべての子要素に継承されると思っていたのですが、対象になるのはブロックレベルの子要素だけなのでしょうか? 以下のようなコードを書いた際に、子要素だけが変わっていなかったので、インラインの子要素には継承されないのかなと思い質問させていただきました。いろいろ検索しても出てこずもやもやしております。どうかよろしくお願いします。 ### 該当のソースコード html ``` ここは変わる ここも変わる ここが変わらない ``` css ``` .top-wrapper { color:white } ```
回答: ブラウザには標準で**ユーザーエージェントスタイルシート**が組み込まれていて、そしてその中で``タグへの色設定も適用されています(Chromeのインスペクタでも確認できます)。 `color`も継承はされますが(MDN)、ユーザーエージェントスタイルシートで``自体に指定がしてあるので、そちらが優先されます。`a`に直接かけるか、あるいはs8_chuさんの回答にあるように、クラスやIDなど、詳細度の高いセレクタで色をかけましょう。 なお、本題ではありませんが、リンクの色を同じにするのはユーザビリティを考えると、あまり良くないかなと思いました。