伪元素与元素定位

伪元素与元素定位

伪元素

• before
• after
• selection
• placeholder

1. before

语法：

元素::before

作用：
1.创建一个伪元素，放到匹配的标签元素前面
2.通过 content 样式属性，来为伪元素添加修饰性的内容
特点：

• 伪元素默认为 行内元素
• content 可以设置图片
• content：url(路径)；
• 伪元素选择器的语法标记是 :: ，但 : 也行(过时语法)
• 伪元素是浏览器自动创建在目标元素内部

2. after

语法：

元素::afrter

作用：

• 创建一个伪元素，放到匹配的标签元素后面
• 通过 content 样式属性 来为伪元素添加修饰性的内容
• 伪元素默认行内元素

特点：

• 同before一致

3. selection

语法：

元素::selection

作用：