公主的腿间舌奴们np肉_国产在热线精品视频99公交_公主车上荫蒂添的好舒服_公侵犯人妻中文字慕一区二区_公么大龟弄得我好舒服秀_公交车+多人+高cH文章推荐_日本熟妇另类视频在线播放

【CSS基礎(chǔ)學(xué)習(xí)】復(fù)雜選擇器

2020-4-11    前端達(dá)人

文章目錄

    • CSS第二課-復(fù)雜選擇器
      • 群組選擇器
      • 屬性選擇器
      • 派生選擇器
      • CSS第二課-復(fù)雜選擇器

        群組選擇器

        格式

        選擇器1,選擇器2,,,選擇器n{聲明的屬性和屬性值}

        p,h1{
            color: blue;
        }


        用于對(duì)于多個(gè)選擇器進(jìn)行樣式修改,由簡(jiǎn)單選擇器組合而成的選擇器,可以是簡(jiǎn)單選擇器中的任意組合,如上面代碼例,就是修改了p標(biāo)簽和h1標(biāo)簽的字體顏色。

        屬性選擇器

        根據(jù)屬性名查找元素

        格式

        元素[屬性名]{
            聲明的屬性和屬性值;
        }


        p[id]{
            color: blue;
        }


        前面添加元素的名字,然后后面加上屬性名,比如上例,就是p標(biāo)簽,其中帶有id的元素,然后把字體顏色設(shè)置為藍(lán)色。

        根據(jù)屬性值查找

        格式

        元素[屬性名=屬性值]{
            聲明的屬性和屬性值;
        }


        p[class = 'p2']{
            color: blue;
        }


        和上面的根據(jù)屬性名查找差不多,只不過(guò)更加了,到了屬性名后面的屬性值,上例就是作用于p標(biāo)簽,只不過(guò)條件是為帶有class屬性,并且屬性值為p2的p標(biāo)簽。

        多屬性選擇器

        格式


        元素[屬性名或?qū)傩员磉_(dá)式][屬性名或?qū)傩员磉_(dá)式]..{
            聲明的屬性和屬性值;
        }
        p[title][class]{
            color: blue;
        }



        元素后面加。屬性名或?qū)傩员磉_(dá)式,可以加+∞個(gè),但是沒(méi)必要。上例為:設(shè)置title屬性和class屬性的段落p標(biāo)簽的樣式

        根據(jù)屬性值近似查找

        格式


        元素[元素名~=屬性值]{
            聲明的屬性和屬性值;
        }


        元素[屬性名|=值]{
            聲名的屬性和屬性值;
        }


        p[class~='red']{
            color: blue;
        }



        注意,這里是~=,為約等于,就是找滿足符合約等于條件的標(biāo)簽,上例為:設(shè)置class屬性的值,包含red屬性名的標(biāo)簽

        根據(jù)標(biāo)簽查找

        格式


        元素名1~元素名2{
            聲名的屬性和屬性值;
        }


        a~p{
            color: blue;
        }


        a標(biāo)簽后面的每一個(gè)p標(biāo)簽,都進(jìn)行了樣式的修改。

        派生選擇器

        后代選擇器

        格式


        父類標(biāo)簽 子類標(biāo)簽{ /*注意倆標(biāo)簽中間有空格*/
            聲名的屬性和屬性值;
        }


        div strong{
            color: blue;
        }


        相鄰兄弟選擇器

        格式


        父標(biāo)簽+子標(biāo)簽{
            聲名的屬性和屬性值;
        }


        #div1 + p{
            color: blue;
        }


        相鄰兄弟選擇器可選擇緊接在另一個(gè)元素后的元素,且二者具有相同的父親元素。注釋:與子結(jié)合符一樣,相鄰兄弟結(jié)合符旁邊可以有空白符。




        ————————————————
        版權(quán)聲明:本文為CSDN博主「董小宇」的原創(chuàng)文章,遵循 CC 4.0 BY-SA 版權(quán)協(xié)議,轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明。
        原文鏈接:https://blog.csdn.net/lolly1023/article/details/105413125

日歷

鏈接

個(gè)人資料

存檔

蒙山县| 南郑县| 南澳县| 孝感市| 汶上县| 沭阳县| 济阳县| 晋中市| 茂名市| 临猗县| 长沙市| 鸡西市| 昂仁县| 江西省| 明溪县| 南投县| 通城县| 天津市| 徐州市| 台东县| 绥芬河市| 兴海县| 苍梧县| 民和| 万宁市| 辽中县| 南丹县| 丰县| 博白县| 军事| 嵊州市| 万源市| 彭水| 江永县| 昌都县| 邯郸市| 芜湖市| 虞城县| 云阳县| 琼中| 鹤壁市|