根据标签中的属性来选择属性
举个例子
/* 只选择 type =text 文本框的input 选取出来 */
input[type=text] {
color: pink;
}
/* 选择首先是div 然后 具有class属性 并且属性值 必须是 icon开头的这些元素 */
div[class^=icon] {
color: red;
}
/* 选择首先是section 然后 具有class属性 并且属性值 必须是 data结尾的这些元素 */
section[class$=data] {
color: blue;
}
-
属性选择器,按照字面意思,都是根据标签中的属性来选择元素
-
属性选择器可以根据元素特定属性的来选择元素。 这样就可以不用借助于类或者id选择器
-
属性选择器也可以选择出来自定义的属性
-
等号后面的单引号双引号可有可无,不影响正常使用
-
注意:类选择器、属性选择器、伪类选择器,权重为 10。