2020-4-11 前端達人
p,h1{ color: blue; }
用于對于多個選擇器進行樣式修改,由簡單選擇器組合而成的選擇器,可以是簡單選擇器中的任意組合,如上面代碼例,就是修改了p標(biāo)簽和h1標(biāo)簽的字體顏色。
格式
元素[屬性名]{ 聲明的屬性和屬性值; }
p[id]{ color: blue; }
前面添加元素的名字,然后后面加上屬性名,比如上例,就是p標(biāo)簽,其中帶有id的元素,然后把字體顏色設(shè)置為藍色。
格式
元素[屬性名=屬性值]{ 聲明的屬性和屬性值; }
p[class = 'p2']{ color: blue; }
和上面的根據(jù)屬性名查找差不多,只不過更加了,到了屬性名后面的屬性值,上例就是作用于p標(biāo)簽,只不過條件是為帶有class屬性,并且屬性值為p2的p標(biāo)簽。
格式
元素[屬性名或?qū)傩员磉_式][屬性名或?qū)傩员磉_式]..{ 聲明的屬性和屬性值; }
p[title][class]{ color: blue; }
元素后面加。屬性名或?qū)傩员磉_式,可以加+∞個,但是沒必要。上例為:設(shè)置title屬性和class屬性的段落p標(biāo)簽的樣式
格式
元素[元素名~=屬性值]{ 聲明的屬性和屬性值; }
元素[屬性名|=值]{ 聲名的屬性和屬性值; }
p[class~='red']{ color: blue; }
注意,這里是~=,為約等于,就是找滿足符合約等于條件的標(biāo)簽,上例為:設(shè)置class屬性的值,包含red屬性名的標(biāo)簽
格式
元素名1~元素名2{ 聲名的屬性和屬性值; }
a~p{ color: blue; }
a標(biāo)簽后面的每一個p標(biāo)簽,都進行了樣式的修改。
格式
父類標(biāo)簽 子類標(biāo)簽{ /*注意倆標(biāo)簽中間有空格*/ 聲名的屬性和屬性值; }
div strong{ color: blue; }
格式
父標(biāo)簽+子標(biāo)簽{ 聲名的屬性和屬性值; }
#div1 + p{ color: blue; }
————————————————
版權(quán)聲明:本文為CSDN博主「董小宇」的原創(chuàng)文章,遵循 CC 4.0 BY-SA 版權(quán)協(xié)議,轉(zhuǎn)載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/lolly1023/article/details/105413125
藍藍設(shè)計的小編 http://www.miumiuwan.com