saber酱的抱枕

Fly me to the moon

11/3
17:28
学习

CSS属性选择器

这个知识在之前的《css选择器》里有提到,但是比较少用,今天用到了,我就单独再写一篇文章记下。

以前我已经熟悉了对input通过type来区分对待的css属性:

input[type=input]{border:1px solid #ccc;}
input[type=submit]{border:none;}

刚才要屏蔽友言的版权文字,但是它所在的标签没有class或者id的选择器,最后我想到了属性选择器,根据它的标签来选中它。

a[title="社会化评论是什么?"]{display:none;}

事实上,用a的href属性做选择器都可以的。

我们还可以用其他属性,例如对img使用alt进行选择等,如果需要,还可以添加自定义的属性,例如:

<style type="text/css">
a[xxx="111"]{ color:#F00;}
a[dtd="xxx"]{ color:#ccc;}
</style>
<a href="" xxx="111">sadasdasda</a>
<a href="" dtd="xxx">2311111111132</a>

查看w3c对属性选择器的解释

CSS属性选择器