发表于： 2020-08-10 05:00:27
2 1199
属性选择器
类选择器是为class服务的,ID选择器是为id服务的，而属性选择器不仅可以为class和id服务，还可以为其它各种属性服务：
a[title]{color:red;}
在上面我们可以发现a即Html元素，title即a的属性，意思就是：如果超链接中如果有title属性，就将超链接的颜色设为red。
a[title=".com"]
如果title是.com时...
a[title~=".com"]
如果title中包含.com时...
a[title^="https"]
如果title的开头是https时...
a[title$=".com/"]
如果title的结尾是.com时...
^在正则中是开头,$在正则中是结尾。
a[title*="aaa"]
在title中任何一个组合只要能搭配上，就...
img[src|="a"]
当要匹配a-1.jpg/a-2.jpg/a-3.jpg时，使用它即可，它匹配的意思是a或a-。
注：今天发现原来Html可以自定义属性和标签，甚至可以为标签设置属性。当使用多个class时，用空格隔开就行。
返回列表
评论