元素和所有
元素
.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>發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章