HTML+CSS 輕松入門之子選擇器
子選擇器
語法:
E1 > E2 {?
????????樣式
?}
選擇所有作為 E1 子對(duì)象的 E2?
實(shí)例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>子選擇器</title> <style type="text/css"> body>div{ color:red; font-size:20px; } </style> </head> <body> <div>中華民族偉大復(fù)興! <ul> <li>中國</li> <li>中國</li> </ul> </div> <p>你知道我的夢(mèng),知道我的痛,知道我們感受都相同</p> <span>最美的太陽</span> <h3>中國夢(mèng)</h3> </body> </html>
注: 首先找到body ?然后到下面的div ? div 的元素全部使用樣式