感谢您的支持，我会继续努力的!
打开微信扫一扫，即可进行扫码打赏哦
点我查看本站打赏源码！
Powered by RUNCODEX.COM，学的不仅是技术，更是梦想！！！
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>组合选择符</title>
</head>
<body>
<h1>组合选择符</h1>
<div id="1">
<h3>1、后代选择器</h3>
<span>
<p>div p {background-color:yellow;}</p>
</span>
</div>
____________________________________________________________________________
<div id="2">
<h3>2、子元素选择器</h3>
<p>div>p {background-color:red;}</p>
<p>div+p {background-color:green;}</p>
<div id="3">
<h3>3、相邻兄弟选择器</h3>
<p>div~p {background-color:orange;} <b> —— 若不加id属性选择器，此段落背景色应为orange。</b></p>
<div id="4">
<h3>4、普通兄弟选择器</h3>
<p>div~p {background-color:orange;}</p>
</body>
</html>
输入 JavaScript 代码……
xxxxxxxxxx
div[id='1'] p
{
background-color:yellow;
}
div[id='2']>p
background-color:red;
div[id='3']+p
background-color:green;
div[id='4']~p
background-color:orange;
