CSS伪类的概念与功能
CSS伪类选择器(虚类)是螺栓,这是用来指定一个或其相关的选择的状态。他们在选择形式:伪类{属性:值;},只需使用半结肠(英语:)分离和伪类选择器。
CSS的许多建议没有得到浏览器的支持,但是有四个CSS伪类可以在连接上安全使用。
1.link是用于访问连接。
2.visited用在已访问连接。
3.hover是用来连接鼠标光标上。
4.active得到连接的重点(例如,点击)。
例如:


CSS代码将内容复制到剪贴板。


examplesourcecode
答:链接{
颜色:红色
}
答:访问{
颜色:绿色
}
答:悬停{
颜色:蓝色
}
答:活动{
颜色:橙色
}




小心 uff1a
虽然CSS给你的控制权,它是表示已访问过的不同颜色的连接的一个很好的习惯,因为许多用户仍然希望this.css伪类(除悬停)是不常用的,恐怕在过去是没有共同使用。因此,它曾经是是没有用的。但如果你能收集用户的意见,你会发现,它应该被使用。
传统上,连接文本是蓝色的,并且已经访问的连接是紫色的。也许,这是最有效和最有用的颜色。但是,随着CSS的广泛发展,这种颜色将不常见,用户不再认为连接必须是蓝色或紫色。
你也应该使用hover伪类的其他元素,连接到你。不幸的是,internetexplore不支持它。这真是一个极大的忧虑。


伪元素
事实上,CSS中的伪元素不存在于HTML上,并且只有在处理特定元素时才使用该时间。
公共假元素:
::一线
您可以指定p元素的第一行的样式。
:第一封信
可以指定p元素的第一个单词的样式。
::选择
用户定义的美白效果
::前
在元素之前插入内容
后::
在元素后面插入内容
HTML示例


xml代码将内容复制到剪贴板。



陈亮说,创业的第一皇帝不是一半。

每天清晨,母亲叫醒我,要求我穿上一些衣服,我不知道她醒了多久。





第一行和第一个字母


CSS代码将内容复制到剪贴板。


第一行样式
P::第一线{
颜色:红色;
}
在第一个单词样式的开头
p:第一个字母{
字体大小:30px;
}
选择
白色的影响/
p:选择{
背景:红色;
颜色:# FFF;
}
Firefox
P::-要选择{
背景:红色;
颜色:# FFF;
}






伪元素与伪元素的区别:
首先,阅读W3C的两个定义:
的1.css伪类是用来给一些选择器添加特殊效果。
的2.css伪元素是用来给一些选择器添加特殊效果。
可以清楚地看到,第一个都与选择器有关,第二个是添加一些特殊的效果。
伪类



伪元素种类


差异
下面是伪类:第一个子元素和伪元素:第一个比较字母。

CSS代码将内容复制到剪贴板。


第一个孩子{颜色:红色}

弗斯特
二





伪类:第一个子元素的第一个子样式
如果我们不使用伪类并希望达到上述效果,我们可以做到这一点:

CSS代码将内容复制到剪贴板。


第一个孩子{颜色:红色}

弗斯特
二





也就是说,我们将一个类添加到第一个子元素中,然后定义类的样式:

CSS代码将内容复制到剪贴板。


p:第一个字母{颜色:红色}
我是斯蒂芬·李。




伪元素:第一个字母的第一个字母
那么,如果我们不使用伪元素来达到上述效果,我们该怎么办呢

CSS代码将内容复制到剪贴板。


第一个字母{颜色:红色}
我是斯蒂芬·李。




也就是说,我们在第一个字母中添加一个跨度,然后将样式添加到跨度中。
两者之间的差别已经出来了:

伪类的效果可以通过添加一个实类来实现,伪元素的效果可以通过添加一个实元素来实现,这就是为什么它们被称为伪类,伪元素。


总结
伪元素和伪类是如此的混淆,因为它们的影响在写作上是相似的,相似的。但事实上,为了区分它们,CSS3已明确指定的伪类是由一个冒号来表示,而伪元素是由两个冒号表示。

CSS代码将内容复制到剪贴板。


:伪类
:伪元素




但由于兼容性问题,目前多数是统一的单结肠。但是当我们撇开兼容性问题时,我们应该养成良好的习惯来区分两者。