网页学习第六天

之前已经知道了,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;
}

怎么说吧,就是没有实际导向的学习确实使人困顿,后面应该更改学习方式。

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