網頁學習第六天

之前已經知道了,css有很多選擇器,今天就繼續學這個吧。

.class 類選擇器
#id id選擇器
這兩種選擇器已經學習過了,用於選擇HTML定義的class和id屬性。

值得注意的是:id是隻能對應一個標記,class卻可以定義多個
因此,我估計導航欄等大範圍操作時可以用class,小範圍可以用id

今天來學習屬性選擇器。

[attribute]屬性選擇器

選擇器 描述

[attribute] 用於選取帶有指定屬性的元素。

意思就是帶有就可以,最大範圍的選擇

[attribute=value] 用於選取帶有指定屬性和值的元素。

需要出現例如font=fontsize(屬性=屬性值)的元素被選中

[attribute~=value] 用於選取屬性值中包含指定詞彙的元素。

這裏可以確定選擇的範圍

[attribute|=value] 用於選取帶有以指定值開頭的屬性值的元素,該值必須是整個單詞。

註釋:該值必須是整個單詞,比如 lang=“en”,或者後面跟着連字符,比如 lang=“en-us”。

[attribute^=value] 匹配屬性值以指定值開頭的每個元素。

指定開頭

[attribute$=value] 匹配屬性值以指定值結尾的每個元素。

指定結尾

[attribute*=value] 匹配屬性值中包含指定值的每個元素

例如這個:它就把所有帶有title屬性選擇改爲紅色。

[title]
{
color:red;
}

怎麼說吧,就是沒有實際導向的學習確實使人困頓,後面應該更改學習方式。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章