之前已經知道了,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;
}
怎麼說吧,就是沒有實際導向的學習確實使人困頓,後面應該更改學習方式。