css的伪类和伪元素

伪类和伪元素

这里有更详细的说明

伪类和伪元素都是用来选择某一部分HTML内容的。

伪类倾向于选择处于某一种状态的元素

如:hover会选择处于鼠标指向状态中的元素,直接选择那个元素,遵从了HTML定义的结构

而伪元素则往往会超越HTML定义的结构,得到与创造新元素相同的效果

如::first-line,我们在HTML的结构中没有专门的一个元素将第一行的文字包裹起来,但是如果用了::first-line就可以选择到这段文字的一部分,就相当于用一个新元素包裹了第一行一样

伪类和伪元素的归类:

这个是网上大神的归纳,来源就是上面的连接


伪类


伪元素
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文转载自:众成翻译译者:为之漫笔链接:http://www.zcfy.cc/article/239原文:http...
    极乐君阅读 7,407评论 1 62
  • 其实平时用得多的选择器无非也就是那么几个,时间久了,许多不常用的选择器就慢慢忘记了。为了不让自己忘记这些选择器,今...
    盛夏晚清风阅读 1,874评论 0 5
  • 一、伪元素和伪类的概念 伪类:首先是类的一种,类似class,代表一些元素的状态,逻辑上存在,文档树中却无须标识的...
    07120665a058阅读 1,350评论 0 4
  • 伪类: 伪类用于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根据用户行为而动态变化的.比如说,当用户...
    葶寳寳阅读 959评论 1 13
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,806评论 1 92