正確寫法:
前面是標籤名的萬用字元,後面是 class的名稱。()
*.a_class
下面的簡寫,盡量少用
.a_class
舉例:
p.a_class {}
解釋為:「其 class 屬性值為 a_class 的所有段落」。
舉例2:
*.a_class {}
解釋為:「其 class 屬性值為 a_class 的所有任意標籤」。
同乙個標籤,同時擁有兩個 class屬性。
this paragraph
is a very important warning.
*.important
.warning
解釋為:「其 class 屬性值同時為 important 且為 warning 的所有任意標籤」。
id選擇器的正確寫法
*#intro
選擇器分組
h1, h2, h3, h4, h5, h6
如果希望選擇有某個屬性的元素,而不論屬性值是什麼,可以使用簡單屬性選擇器。
將同時有 href 和 title 屬性的 html 超連結的文字設定為紅色。
a[href][title]
假設我們為描述太陽系行星設計了乙個 xml 文件。如果我們想選擇有 moons 屬性的所有 planet 元素,使之顯示為紅色,以便能更關注有 moons 的行星,就可以這樣寫:
planet
[moons]
a
[href=""]
或者,與簡單屬性選擇器類似,可以把多個屬性-值選擇器鏈結在一起來選擇乙個文件。
a[href=""][title="w3school"]
h1
em
(注意和 選擇器分組 之間的區別,乙個沒逗號,乙個有逗號。)
主區的背景為白色,
主區的鏈結為藍色。
div
.maincontent
div.maincontent
a:link
子元素選擇器
相鄰兄弟選擇器
標籤選擇器,id選擇器,class類選擇器
1.標籤選擇器的格式 標籤 屬性 值 我是段落 2.id選擇器的格式 id名稱 屬性 值 我是段落 3.class類選擇器的格式 類名 屬性 值 我是段落 1 每乙個標籤都有id和class屬性 但是每乙個標籤只能有乙個id的屬性,但是可以有很多個class屬性。2 id相當於人的身份證,class...
CSS樣式,id選擇器和class選擇器
class和id的用法 上面的例子應用class和id實現了3種不同的標題1。下面我們就來講講class和id的具體應用規則。指定標籤的class和id 首先我們要在部分定義class 類 或id。class的定義方法 指定標籤.類名 id的定義方法 指定標籤 id名 然後我們在想要應用類的標籤上加...
css中id選擇器和class選擇器的區別?
id選擇器 id 選擇器可以為標有特定 id 的 html 元素指定特定的樣式。id 選擇器以 來定義。下面的兩個 id 選擇器,第乙個可以定義元素的顏色為紅色,第二個定義元素的顏色為綠色 red green 下面的 html 中,id 屬性為 red 的 p 元素顯示為紅色,而 id 屬性為 gr...