前端小知识点总结

伪类和伪元素总结

1. 伪类是存在在dom树中的，只是对css选择器的一个额外的补充。

2. 伪元素是不存在在dom树中的，虚拟创建的dom元素节点，无法用js访问到。

3. 伪类可以有多个，伪元素只能有一个。

4. 伪类可以放在选择器前面或者后面，而伪元素只能放在选择器后面。

5. 伪元素必须要和content连在一起使用

css选择器总结

1. id选择器 #

2. 类选择器 .

3. 标签选择器 p

4. 空格 表示某个标签下的所有标签

5. >选择器，>div第一层的所有div

6. +选择器，+div紧紧挨着的兄弟div标签

   <div></div>//选择到下面的div
   <div></div>
   ​
   <div></div>//选择不了下面的div
   <br/>
   <div></div>

7. ~选择器，同级的兄弟节点

8. *选择器，所有的元素，一般配合使用

9. 属性选择器，div[href^="https"]``div[href$=".com"]``div[href*="baidu"]