CSS 關聯選擇器和組合選擇器
阿新 • • 發佈:2018-12-26
<!doctype html> <html> <head> <meta charset="utf-8"> <title>關聯選擇器和組合選擇器</title> <style> span b{/* 關聯選擇器--選擇器中的選擇器 b | span b */ background-color:#009; color:#3C0; } /*組合選擇器*/ .haha,.hehe,div{/*對多種選擇器進行相同樣式的定義*/ background-color:#000; color:#FFF; } </style> </head> <body> <div id="qq">這是一個div<b>區域</b>1 </div> <div class="haha">這是一個div區域2</div> <span>span<b>區域</b>1</span> <span class="haha">span2</span> <p class="hehe">這是一個段落1</p> <p>這是一個段落1</p> </body> </html>