<strike id="9b3tx"></strike>
<address id="9b3tx"></address>

<noframes id="9b3tx"><address id="9b3tx"><address id="9b3tx"><nobr id="9b3tx"></nobr></address></address>
<noframes id="9b3tx">
<form id="9b3tx"><span id="9b3tx"><th id="9b3tx"></th></span></form>

<noframes id="9b3tx">
  • 本站承諾,永久免費!
  • 每天學習簽到,可以賺取金幣!
  • 贊積分可以兌換金幣、兌換實物禮品!
8-7 后代選擇器
發布時間:2021-03-22 16:23 編輯:√無∑情— 內容來源:收集于網絡

包含選擇器,即加入空格,用于選擇指定標簽元素下的后輩元素。如右側代碼編輯器中的代碼:

.first  span{color:red;}

這行代碼會使第一段文字內容中的“膽小如鼠”字體顏色變為紅色。

請注意這個選擇器與子選擇器的區別,子選擇器(child selector)僅是指它的直接后代,或者你可以理解為作用于子元素的第一代后代。而后代選擇器是作用于所有子后代元素。后代選擇器通過空格來進行選擇,而子選擇器是通過“>”進行選擇。

總結:>作用于元素的第一代后代,空格作用于元素的所有后代。

任務

我來試一試:修改一下代碼
 

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>后代選擇器</title>
    <style type="text/css">
    .first span {
        color: red;
    }
    .food>li {
        /*添加邊框樣式(粗細為1px, 顏色為紅色的實線)*/
        border: 1px solid red;
    }
    </style>
</head>
<body>
    <p class="first">三年級時,我還是一個<span>膽小如鼠</span>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
    <!--下面是本小節任務代碼-->
    <ul class="food">
        <li>水果
            <ul>
                <li>香蕉</li>
                <li>蘋果</li>
                <li>梨</li>
            </ul>
        </li>
        <li>蔬菜
            <ul>
                <li>白菜</li>
                <li>油菜</li>
                <li>卷心菜</li>
            </ul>
        </li>
    </ul>
</body>
</html>


1、把.food>li修改為.food li看一下效果
8-7 后代選擇器
 

上一篇:8-6 子選擇器
下一篇:8-8 通用選擇器
關于我們 | 聯系我們 | 使用協議 | 版權聲明 | 網站地圖 | 廣告服務 | 友情鏈接| RSS訂閱|
備案號:粵ICP備15104870號 (注:備案主體與本站沒有任何關系)

機會是留給有準備的人的,舒服是留給死去的人的!本站承諾,永久免費
社會是在不斷地變化發展的,要使自己的思想適應新的變化,那就得學習,不學習就淘汰。 —— 毛澤東
聲明:本站純屬個人網站與任何企業無關,除部份原創外均收集于網絡閑散資源以及網友上傳提供,我們不確定投稿用戶享有完全著作權
根據《信息網絡傳播權保護條例》,如果侵犯了您的權利,請聯系:13669552114,我站將及時刪除。本站純屬資源收集,無任何商業目的!非喜勿噴,謝謝
收集宗旨:是為了不讓好資源浪費,作者辛苦錄制的視頻無人知悉豈不可惜!同時也幫助一些無法支付超貴培訓費的學員自學!如無意中侵犯了您的權益請聯系刪除!Thank !
分享按鈕
遥远的救世主全文阅读,初高中生洗澡福利网站,老太婆性杂交欧美肥老太,日本一丰满一bbw
<蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>