19、CSS2选择器、伪元素、伪类及媒体类型详解

c6d7e8f9g

于 2025-09-25 16:03:14 发布

阅读量25

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS艺术：从理论到实践文章标签： CSS2选择器伪元素伪类

本文链接：https://blog.youkuaiyun.com/c6d7e8f9g/article/details/153253802

CSS艺术：从理论到实践专栏收录该内容

38 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

CSS2选择器、伪元素、伪类及媒体类型详解

1. CSS2选择器

CSS2引入了许多新的选择器，为网页开发者在将CSS属性关联到网页元素时提供了更大的灵活性。不过目前主流浏览器尚未支持这些新选择器。

1.1 通用选择器

通用选择器使用标准的Windows/Unix“通配符”字符星号（“ ”）来指定。它允许网页开发者选择网页文档中某个选择器的所有实例。当在给定选择器前添加“ ”时，它会对文档中该选择器（不包含“ ”）的所有实例进行格式化。例如， [LANG=”EN”] 等同于 [LANG=”EN”] 在网页中出现的任何位置。

1.2 子选择器

子选择器用于当一个元素被视为某个“父”元素的“子”元素时。它在至少两个网页元素之间使用小于号（“>”）。列表元素可被视为有序或无序列表标签“父”元素的“子”元素，同理，网页上所有显示的内容都可被视为body标签的子元素。子选择器使网页开发者能够指定，当某个子元素出现在特定父元素之后时，应按照描述的方式进行格式化。示例代码如下：

<HTML>
<HEAD>
<TITLE>子选择器示例</TITLE>
<STYLE>
OL > LI {FONT-SIZE: 12PT}
UL > LI {FONT-SIZE: 10PT}
</STYLE>
</HEAD>
<BODY>
<OL>
  <LI>有序列表项1</LI>
  <LI&g