伪对象选择符
:after 与content属性一起使用,定义在对象后的内容
:before 与content属性一起使用,定义在对象前的内容
:first-letter 定义对象内第一个字符的样式,注:该伪元素只能用于块元素
:first-line 定义对象内第一行的样式,注:该伪元素只能用于块元素,ie6以下版本浏览器不支持伪对象选择符
::selection 选中之后的样式 只支持这background color属性
代码示例:
<style>
div{
width: 200px;
height: 200px;
border:5px solid red;
}
div:after{
content: "代码不规范,亲人两行泪";
color:red;
width: 100px;
height: 100px;
background: blue;
display: block;
}
div:before{
content:"";
width: 50px;
height: 50px;
background: pink;
display: block;
visibility: hidden;
}
</style>
</head>
<body>
<div>代码千万条,规范第一条</div>
</body>
总结
以上是对伪对象选择符的小总结,后期将继续更新html基础知识点
文章为原创内容,要是遇到有不合适的地方欢迎赐教🙌