什么是伪元素和伪类选择器?在网站建设中有什么作用?

作者:华山SEO 阅读数:

简介伪类和伪元素在日常网站建设中都会用的,伪元素主要用于清楚浮动,加在元素前边或者后边,content设置为空,可以简化代码。伪类通常用于表示链接状态,一般有四中状态:活动状态,已被访问状态,未被访问状态,和鼠标悬停状态。

什么是伪元素?

一个“伪”字,可以让我们想到哪些?“伪装者”,“假的”,“不存在的”·····。

伪元素:本身不存在,只有在特定的情况下才会被触发的状态,可以用css去修饰这些对象,通常用于清理浮动。

伪类:常见的伪类用于表达链接的不同状态和显示特征,这些状态包括:活动状态,已被访问状态,未被访问状态,和鼠标悬停状态。

简单的来说,伪类是针对CSS,而伪元素是针对HTML,伪类选择器是CSS选择器的一种,而伪类是“假”的HTML标签,

伪元素本质上是创建了一个有内容的虚拟容器,常见的伪类有2两种用途,多用于超级链接文本样式和处理浮动,如下:

一、常用于超链接样式,可以控制各种链接特效,一般我们做成全局样式。

未访问的链接 */

已访问的链接 */

鼠标移动到链接上 */

选定的链接 */

重要:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。

重要:在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。

二、用于消除浮动,可以在mian这个类中插入元素来清除浮动,如下是清除浮动的标准样式。

}

伪元素和 CSS 类

伪元素可以与 CSS 类配合使用:

{

}

华山

上面的例子会使所有 class 为 article 的段落的首字母变为红色。

伪元素可以在元素的内容前面插入新内容。

伪元素可以在元素的内容后边插入新内容。

下面的例子在每个 <h1> 元素前面插入一句话:

{

我是华山seo,欢迎您的访问);

}

以上是伪类和伪元素的常见2种用法,更多的用法请查看W3C官方文档.

站长简介:

华山SEO,擅长seo和网站优化推广,目前任职于西安一家制造企业集团,负责企业的信息化管理工作,日常工作有网络推广、ERP实施建设、网络数据安全、外贸规划、运维等,借助互联网,通过知识分享输出,实现自己的价值,为社会做出贡献,帮助到更多的人。

相关文章