元素和所有
元素
.food>li{border:1px solid red;}//子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素，而不包括第二代和第三代等等。
.food li{border:1px solid red;}//包含（后代）选择器 <div> 元素内部的所有 <p> 元素，包括第二代和第三代等等后续代。
子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。
总结：>作用于元素的第一代后代，空格作用于元素的所有后代。
element+element 选择器用于选取第一个指定的元素之后（不是内部）紧跟的那一个元素。
<style>
div+p
{
background-color:yellow;
}
</style>
</head>
<body>
<h1>欢迎来到我到的主页</h1>
<div>
<p>我是唐老鸭。</p>
<p>我住在 Duckburg。</p>
</div>
<p><span style="color:#ffcc33;">我最好的朋友是米老鼠</span>。</p>
<p>我的样式不会改变。</p>發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章