5 CSS3中的结构性伪类选择器(中)

5 CSS3中的结构性伪类选择器(中)

在学习结构性伪类选择器之前,先了解两个概念(CSS中的伪类选择器和伪元素)。

伪类选择器是CSS中已经定义好的选择器,不能随便取名 常用的伪类选择器是使用在a元素上的几种,如a:link|a:visited|a:hover|a:active。

而伪元素选择器并不是针对真正的元素使用的选择器,而是针对CSS中已经定义好的伪元素使用的选择器,CSS中有如下四种伪元素选择器(first-line、first-letter、before、after),例如p:first-line{ color:#ff0000;}, li:after{ content: url(dot.png)} 。

而在CSS3中引入的结构性伪类选择器的共同特征是允许开发者根据文档树中的结构来指定元素的样式

四个最基本的结构性伪类选择器

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,806评论 1 92
  • 本文转载自:众成翻译译者:为之漫笔链接:http://www.zcfy.cc/article/239原文:http...
    极乐君阅读 7,407评论 1 62
  • 一、基本选择器 回顾选择器 通配符选择器、元素选择器、类选择器、ID选择器、后代选择器 新增基本选择器 子元素选择...
    越IT阅读 1,203评论 0 3
  • 4 CSS3中的结构性伪类选择器(上) 在学习结构性伪类选择器之前,先了解两个概念(CSS中的伪类选择器和伪元素)...
    曹渊说创业阅读 842评论 0 0
  • 今天身体有点不适,没吃什么东西。主要吃了些紫薯。好好休息,明天再更吧~ 紫薯的做法和前面烤红薯的一样,最后有链接。...
    电影日记人阅读 208评论 0 0