• <ins id="pjuwb"></ins>
    <blockquote id="pjuwb"><pre id="pjuwb"></pre></blockquote>
    <noscript id="pjuwb"></noscript>
          <sup id="pjuwb"><pre id="pjuwb"></pre></sup>
            <dd id="pjuwb"></dd>
            <abbr id="pjuwb"></abbr>
            posts - 319, comments - 22, trackbacks - 0, articles - 11
              C++博客 :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理

            [學習筆記] CSS 子元素選擇器

            Posted on 2011-05-28 21:18 RTY 閱讀(244) 評論(0)  編輯 收藏 引用 所屬分類: CSS

            上海裝修公司http://www.zhixian.com.cn/裝修公司

            與后代選擇器相比,子元素選擇器(Child selectors)只能選擇作為某元素子元素的元素。

            選擇子元素

            如果您不希望選擇任意的后代元素,而是希望縮小范圍,只選擇某個元素的子元素,請使用子元素選擇器(Child selector)。

            例如,如果您希望選擇只作為 h1 元素子元素的 strong 元素,可以這樣寫:

            h1 > strong {color:red;}

            這個規則會把第一個 h1 下面的 strong 元素變為紅色,但是第二個 strong 不受影響:

            <h1>This is <strong>very</strong> important.</h1> <h1>This is <em>really <strong>very</strong></em> important.</h1> 

            親自試一試

            語法解釋

            您應該已經注意到了,子選擇器使用了大于號(子結合符)。

            子結合符兩邊可以有空白符,這是可選的。因此,以下寫法都沒有問題:

            h1 > strong h1> strong h1 >strong h1>strong 

            如果從右向左讀,選擇器 h1 > strong 可以解釋為“選擇作為 h1 元素子元素的所有 strong 元素”。

            結合后代選擇器和子選擇器

            請看下面這個選擇器:

            table.company td > p

            下面的選擇器會選擇作為 td 元素子元素的所有 p 元素,這個 td 元素本身從 table 元素繼承,該 table 元素有一個包含 company 的 class 屬性。


            久久久久亚洲AV无码永不| 国产精品久久久亚洲| 久久免费大片| 精产国品久久一二三产区区别 | 人妻无码久久精品| 亚洲午夜久久久久妓女影院| 国产精品久久久久天天影视| 久久无码精品一区二区三区| 久久午夜羞羞影院免费观看| 国产高潮国产高潮久久久91 | 久久这里只精品国产99热| 欧美精品丝袜久久久中文字幕 | 亚洲AV日韩AV天堂久久| 99久久精品免费观看国产| 亚洲中文字幕久久精品无码喷水| 久久线看观看精品香蕉国产| 麻豆av久久av盛宴av| 精品久久久久久无码人妻热| 色综合久久中文字幕无码| 久久亚洲中文字幕精品一区四| 72种姿势欧美久久久久大黄蕉| 久久午夜无码鲁丝片秋霞| 国产精品成人无码久久久久久| 久久国产精品成人影院| 国产成人精品久久免费动漫| 久久99国产精品久久久| 77777亚洲午夜久久多喷| 日韩一区二区三区视频久久| 久久精品国产91久久麻豆自制| 亚洲国产精品无码久久一区二区 | 久久久久国产一级毛片高清版| 亚洲中文字幕久久精品无码APP| 超级97碰碰碰碰久久久久最新 | 久久亚洲精品成人AV| 亚洲综合熟女久久久30p| 青青草原综合久久大伊人| 久久受www免费人成_看片中文| 欧美国产成人久久精品| 亚洲国产成人精品91久久久| 天天综合久久一二三区| 久久亚洲精品国产精品婷婷|