css中什么是伪类和伪元素??通俗点

 我来答
在友何偲
2019-09-24 · TA获得超过3万个赞
知道大有可为答主
回答量:1.1万
采纳率:30%
帮助的人:828万
展开全部
伪类一开始单单只是用来表示一些元素的动态状态,典型的就是链接的各个状态(lvha)。随后css2标准扩展了其概念范围,使其成为了所有逻辑上存在但在文档树中却无须标识的“幽灵”分类。
伪元素则代表了某个元素的子元素,这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中。
伪类选择元素基于的是当前元素处于的状态,或者说元素当前所具有的特性,而不是元素的id、class、属性等静态的标志。由于状态是动态变化的,所以一个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样式。由此可以看出,它的功能和class有些类似,但它是基于文档之外的抽象,所以叫伪类。
与伪类针对特殊状态的元素不同的是,伪元素是对元素中的特定内容进行操作,它所操作的层次比伪类更深了一层,也因此它的动态性比伪类要低得多。实际上,设计伪元素的目的就是去选取诸如元素内容第一个字(母)、第一行,选取某些内容前面或后面这种普通的选择器无法完成的工作。它控制的内容实际上和元素是相同的,但是它本身只是基于元素的抽象,并不存在于文档中,所以叫伪元素。
贝骏年兴盛
2019-05-12 · TA获得超过2.9万个赞
知道大有可为答主
回答量:1.1万
采纳率:32%
帮助的人:848万
展开全部
比如鼠标移到链接上,链接变色的效果
a:hover
{color:
#FF00FF}
这就是伪类。
不专业的说带冒号的就是伪类或者伪元素了。作用就是提供一些特定的效果,比如未访问过的链接link,已访问过的链接visited这些。
p:first-line
{
color:#ff0000;
font-variant:small-caps;
}
first-line这个就是伪元素
这个是特定的首行效果,还有特定的首字母效果first-letter
伪元素的作用就是为你提供一些方便,如果有3行字,第一行要有不一样的效果,那么如果没有伪元素,你需要自己创建一个容器,
第一行
第二行第三行
之类的,有了伪元素就不用了。直接是
第一行第二行第三行
,然后定义p:first-line就可以了。
如果想要区分伪类和伪元素,那么就根据他的作用来判断。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
丰山兰尧越
2019-12-26 · TA获得超过3.3万个赞
知道大有可为答主
回答量:1.1万
采纳率:34%
帮助的人:1250万
展开全部
我是初学者,还望指教:
所谓伪类就是根据一定的特征对元素进行分类,而不是根据内容、名称、属性。原则上特征是不能根据HTML文档的结构(dom)得到的。在直观上分析伪类是一种动态,当用户与HTML文档进行交互时,一个元素
失去或获得一种特征的特定状态属性称之为伪类,因为他的状态并不是固定的。
如鼠标经过、离开《a》元素的超链接时,发生的几种状态。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
丰清涵莘觉
2020-02-25 · TA获得超过3.3万个赞
知道大有可为答主
回答量:1.2万
采纳率:32%
帮助的人:795万
展开全部
那个推荐答案说的真虎,我说说吧,伪元素可以独自使用,伪类不可以,CSS3中规定伪元素用双冒号表示,伪类用单冒号表示。。。。。。。。伪类就是方便。。伪元素也很多,可以设置滚动条样式,可以设置类里面的首字的样式等,而伪类。。。。。。
没了。。。。。。。。。。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式