无遮挡18禁啪啪免费观看 I 秋霞成人av I brandilove欧美三区 I 激情偷乱人伦小说视频 I 人人插人人艹 I www.亚洲com I 波多野结衣av高清一区二区三区 I 精品无码国产污污污免费网站 I 美女张开腿给男人桶爽久久 I 国产精品久久久久久久免费 I 国内精品久久99 I 亚洲精品无码专区 I 亚洲免费视频一区二区 I 午夜xxx I 国产一区啪啪 I 丝袜激情网 I 日韩精品久久久久久久 I 欧美香蕉视频 I 成人片免费看 I 天天色综合2 I 寡妇被老头舔到高潮的视频 I 亚洲第一页在线 I 国产放荡av国产精品 I 在线精品视频一区二区 I 免费黄色片在线观看 I 秋霞伊人网 I www.伊人 I 久草在线91 I 女人啪啪免费av大片 I 欧美一区二区综合 I 精品久久久久久天美传媒 I 黄色工厂在线观看 I 91精品国产色综合 I 动漫美女被到爽 I 丁香午夜激情

文章目錄

• CSS第二課-復雜選擇器
• 群組選擇器
• 屬性選擇器
• 根據屬性名查找元素
• 根據屬性值查找
• 多屬性選擇器
• 根據屬性值近似查找
• 根據標簽查找
• 派生選擇器
• 后代選擇器
• 子元素選擇器
• 相鄰兄弟選擇器

CSS第二課-復雜選擇器

群組選擇器

格式

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

p,h1{
    color: blue;
}




用于對于多個選擇器進行樣式修改，由簡單選擇器組合而成的選擇器，可以是簡單選擇器中的任意組合，如上面代碼例，就是修改了p標簽和h1標簽的字體顏色。

屬性選擇器

根據屬性名查找元素

格式

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




p[id]{
    color: blue;
}




前面添加元素的名字，然后后面加上屬性名，比如上例，就是p標簽，其中帶有id的元素，然后把字體顏色設置為藍色。

根據屬性值查找

格式

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




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




和上面的根據屬性名查找差不多，只不過更加了，到了屬性名后面的屬性值，上例就是作用于p標簽，只不過條件是為帶有class屬性，并且屬性值為p2的p標簽。

多屬性選擇器

格式




元素[屬性名或屬性表達式][屬性名或屬性表達式]..{
    聲明的屬性和屬性值;
}

p[title][class]{
    color: blue;
}







元素后面加。屬性名或屬性表達式，可以加+∞個，但是沒必要。上例為：設置title屬性和class屬性的段落p標簽的樣式

根據屬性值近似查找

格式




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




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




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







注意，這里是~=，為約等于，就是找滿足符合約等于條件的標簽，上例為：設置class屬性的值，包含red屬性名的標簽

根據標簽查找

格式




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




a~p{
    color: blue;
}




a標簽后面的每一個p標簽，都進行了樣式的修改。

派生選擇器

后代選擇器

格式




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




div strong{
    color: blue;
}




相鄰兄弟選擇器

格式




父標簽+子標簽{
    聲名的屬性和屬性值;
}




#div1 + p{
    color: blue;
}




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










————————————————
版權聲明：本文為CSDN博主「董小宇」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/lolly1023/article/details/105413125