伪元素伪类

最新推荐文章于 2023-06-22 19:29:38 发布

lick_dog_

最新推荐文章于 2023-06-22 19:29:38 发布

阅读量276

点赞数 1

分类专栏： css 文章标签： css css3 前端面试

本文链接：https://blog.csdn.net/qq_47915690/article/details/121902642

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

伪元素伪类

伪类( :单冒号表示 )

伪类用于定义元素的特殊状态。

语法

selector:pseudo-class {
  property: value;
}

实例

/* 未访问的链接 */
a:link {
  color: #FF0000;
}

/* 已访问的链接 */
a:visited {
  color: #00FF00;
}

/* 鼠标悬停链接 */
a:hover {
  color: #FF00FF;
}

/* 已选择的链接 */
a:active {
  color: #0000FF;
}

官方介绍的选择器
在这里插入图片描述

伪元素( ::双冒号表示 )

CSS 伪元素用于设置元素指定部分的样式。
在这里插入图片描述
伪元素清除浮动

.clearfix:after{
    content:"";				/*设置内容为空*/
    height:0;				/*高度为0*/
    line-height:0;			/*行高为0*/
    display:block;			/*将文本转为块级元素*/
    visibility:hidden;		/*将元素隐藏*/
    clear:both;				/*清除浮动*/
}
.clearfix{
    zoom:1;					/*为了兼容IE*/
}