0
点赞
收藏
分享

微信扫一扫

CSS学习31:CSS3属性选择器

小贴贴纸happy 2022-04-13 阅读 75

根据标签中的属性来选择属性

举个例子

 /* 只选择 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。

举报

相关推荐

0 条评论