前言
css选择器非常之多,常见的如class选择器,id选择器,标签选择器等等。每个的用法都有所区别,虽然很多都能到达同样的效果,但还是有一些更优的选择。
class、id、标签选择器
这个几个就不细说了,class和标签选择器主要用来设置样式上面,id选择器推荐不要用在css样式上,更多是用在js操作dom时,选择元素。
如:
div{
background: #fff;}.list {
color: red;}
$('#li').html('<span>web秀</span>')
element element
div p
选择 <div>
元素内部的所有 <p>
元素。
![39907ff1b9a6e0c432092998c8e7d30a.png](https://i-blog.csdnimg.cn/blog_migrate/46c25d10efc0212fdb7fd96dc43479b1.png)
element>element
div>p
选择父元素为 <div>
元素的所有 <p>
元素。
![6eee742b8c12ec3585a40bb84fde3abd.png](https://i-blog.csdnimg.cn/blog_migrate/93b0a5505f211f300d6d23f022751b49.png)
element+element
div+p
选择紧接在 <div>
元素之后的所有 <p>
元素。
![d2fe0a101758b3b98e00665e145fa501.png](https://i-blog.csdnimg.cn/blog_migrate/587b37b8c9c0d5968c2352fef60141ab.png)
[attribute]
[target]
选择带有 target 属性所有元素。