CSS的選擇符有三種。①上下文選擇符；②ID和Class選擇符;③屬性選擇符，而上下文選擇符的最大好處就是可以方便的實(shí)現(xiàn)基于位置為HTML元素添加樣式
比如我們想位于article和aside標(biāo)簽中的p標(biāo)簽，設(shè)置不同的樣式
上下文選擇符也叫后代組合式選擇符，是以空格分隔標(biāo)簽名的，其格式為：
標(biāo)簽1 標(biāo)簽2 ｛聲明｝
這里的標(biāo)簽就是HTML元素，標(biāo)簽2是我們想要選擇的目標(biāo)，而且只有在標(biāo)簽1是標(biāo)簽2的祖先元素時(shí)才能選中標(biāo)簽2.只要是祖先元素即可，不一定非要是父元素
我們以下列HTML代碼為例，進(jìn)行演示：
<!DOCTYPE html> 2: <html>
<head>
<title>HTML 5 Template</title>
<meta charset=”utf-8″>
<link href=”style.css” rel=”stylesheet” type=”text/css”>
</head>
<body>
<article>
<h1>上下文選擇符</h1>
<p>這是位于article元素中的p元素</p>
</article>
<aside>
<p>這是位于aside中的p元素</p>
</aside>
</body>
</html>
在沒(méi)有應(yīng)該CSS樣式的情況，查看運(yùn)行效果
新聞熱點(diǎn)
疑難解答
圖片精選
