溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

css選擇器之間有什么關(guān)系

發(fā)布時間：2021-09-24 09:35:23 來源：億速云 閱讀：82 作者：小新 欄目：編程語言

這篇文章主要介紹css選擇器之間有什么關(guān)系，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

1、父元素： 直接包含其他元素，這個元素就是包含元素的父元素。

2、祖先元素：包含其他元素，這個元素就是包含元素的祖先元素。

3、子元素： 直接被包含的元素。

這個被包含的元素就是包含元素的子元素

4、后代元素： 被包含的元素。

這個被包含的元素就是包含元素的后代元素。

實例

1、相鄰選擇器   選擇器1+選擇器2{ }<br>
2、后代選擇器   選擇器1 選擇器2{ }<br>
3、子選擇器     選擇器1>選擇器2{ }<br>
<style>  
  相鄰選擇器
    li+li{
        color:springgreen;
    }
  后代選擇器
    div span{
        font-size: 40px;
    }
  子選擇器
    div>span{
        background-color: yellowgreen;
    }
 </style>
 
    <div>
        <ul>
            <li>列表第一個</li>
            <li id="sec">列表第二個</li>
            <li>列表第三個</li>
            <li>
                <span>div的后代span</span>
            </li>
        </ul>
        <span>div的子代span</span>
    </div>

以上是“css選擇器之間有什么關(guān)系”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI
助
手