CSS基础知识:伪类选择器和伪元素选择器

css基础知识复习与学习(5)

css的选则器(2)

之前复习了css的简单选择器,包括id选择器,class选择器,标签选择器(也叫元素选择器),通配选择器。属性选择器,属性选择器中又包括含有属性,属性中只有某个值,属性中含有某个值,属性值中的某个部位含有某些字段等几种情况。今天来复习伪类和伪元素选择器。

伪类选择器。

英文中叫pseudo-class,我想这大概是直译过来的吧。实际上伪类选择器更像是一种定制选择器或者特殊场景选择器。就像段誉的六脉神剑一样,只有在一些特殊情况下,他才会使出来。否则是看不到的。

伪类出现的场景一般是“选择器:伪类名”,最常见的是链接的几种形式,如下:

下面是一份从mdn抄过来的伪类列表,先浏览一下伪类列表,后面专门来做一个伪类详解。

伪元素选择器

英文叫Pseudo-element,似乎也是直译,但我觉得还是比较贴切。它们不是htm标签,但是会实实在在的出现在网页上。用来辅助html实现更好的效果。伪元素的形式和伪类相似,只是多了对冒号“选择器::伪类”

以下列出伪元素列表:

::after

::before

::first-letter

::first-line

::selection

::backdrop

Teilen

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181203G1PFYD00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券