CSS 階層構造の対象を絞り込む方法
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
セレクタ1 セレクタ2
セレクタの区切り文字が空白を指定して階層構造の対象を絞り込みます。
使用例
<!DOCTYPE html> <html> <head> <style> .dA .pB{ color:blue; } </style> </head> <body> <div class="dA"> <p class="pA">tokyo</p> <p class="pB">oosaka</p> </div> <div class="dB"> <p class="pA">fukuoka</p> </div> </body> </html>
実行結果
dAクラスとpBクラスの対象文字「oosaka」の色が青になります。