選擇<div>元素內(nèi)的所有<p>元素:
<!DOCTYPE html>
<html>
<title>菜鳥教程(cainiaoplus.com)</title>
<head>
<style>
div p
{
background-color:red;
color:white;
}
</style>
</head>
<body>
<h1>歡迎來到菜鳥教程(www.soo66.com)</h1>
<div>
<p>我們的網(wǎng)址是：www.soo66.com.</p>
<p>我們的網(wǎng)站名稱是：菜鳥教程.</p>
<span>演示嵌套選擇器</span>
</div>
<p>我們?yōu)槟峁└鞣N菜鳥教程學(xué)，學(xué)好基礎(chǔ)，你才能走的更遠(yuǎn)！</p>
</body>
</html>測試看看 ?/?element element嵌套選擇器用于選擇元素內(nèi)部的元素。
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持element,element選擇器。
完整CSS選擇器參考手冊