HTML+CSS 輕松入門之包含選擇器
什么是包含選擇器
包含選擇器,即加入空格,用于選擇指定標(biāo)簽元素下的后輩元素
語(yǔ)法:
body div{
樣式
}
實(shí)例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>包含選擇器</title> <style type="text/css"> body div li{ color:red; } </style> </head> <body> <div>中華民族偉大復(fù)興! <ul> <li>中國(guó)</li> <li>中國(guó)</li> </ul> </div> <p>你知道我的夢(mèng),知道我的痛,知道我們感受都相同</p> <span>最美的太陽(yáng) <p>強(qiáng)軍夢(mèng)</p> </span> <h3>中國(guó)夢(mèng)</h3> </body> </html>
如果我想把 強(qiáng)軍夢(mèng) 的字體設(shè)置為20號(hào),顏色為藍(lán)色,應(yīng)該怎么做
在css中加入如下代碼:
body span p{
font-size:20px;
color:blue;
}