之前已经知道了,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;
}
怎么说吧,就是没有实际导向的学习确实使人困顿,后面应该更改学习方式。