2020-4-11 前端達人
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