当前位置: 首页 > Web前端 > CSS

css中--before和--after的区别

时间:2023-03-30 13:26:49 CSS

css中::before和::after的区别/*CSS3中引入了::after符号,::符号指的是一个伪元素,:符号指的是伪类(:hover)。支持CSS3的浏览器也支持CSS2中引入的表示法:after。*/element:after{styleproperties}/*CSS2syntax*/element::after{styleproperties}/*CSS3syntax*/Same:::before和::after是某个标签的兄弟节点Difference:::before它是一个标签之前的兄弟元素::after是一个标签之后的兄弟元素//stylep::before{content:'我是p标签之前的兄弟元素'}p::after{content:'我是ptag标签前的兄弟元素'}//html

--我是p标签--

效果如图: