選擇<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.jixiangtaizi.com.cn)</h1>
<div>
<p>我們的網(wǎng)址是：www.jixiangtaizi.com.cn.</p>
<p>我們的網(wǎng)站名稱是：菜鳥教程.</p>
<span>演示嵌套選擇器</span>
</div>
<p>我們?yōu)槟峁└鞣N菜鳥教程學，學好基礎，你才能走的更遠！</p>
</body>
</html>測試看看 ?/?element element嵌套選擇器用于選擇元素內(nèi)部的元素。
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持element,element選擇器。
完整CSS選擇器參考手冊