chevron_left

CSS 教程

免费
第 1.2 回

教程文档

CSS 教程 - CSS 的选择器

2023年11月23日
CSS 教程

CSS 的选择器

所谓选择器,举个例子,如果你想改变段落标签p的样式,那么就应该指明告诉浏览器,你要改变的是p标签。

p {
    color: red;
}

上面这段代码,将p标签里面的文字颜色改为红色,这里的p就是选择器了。 其实说白了,选择器就是指出你想要改变的那个网页元素。

CSS 的选择器有以下几种,下面且听我一一道来。

  1. 标签选择器
  2. id 选择器
  3. class 选择器
  4. 属性选择器
  5. 后代选择器
  6. 子类选择器
  7. 通用选择器
  8. 分组选择器
  9. 伪类选择器

标签选择器

标签选择器很简单,想改变那个标签,就直接写那个标签好了。

<!-- 例如想改变'div'那么就 -->
div {

}
<!-- 想改变'h1'那么就 -->
h1 {
    color:yellow;
}

当然这样做会有一个缺点,就是网页中所有被你指定的标签都会生效,当你选择 h1 后,网页中所有的 h1 都会变成黄色,那么有没有单独就制定某...

课程介绍

层叠样式表 (英文全称:Cascading Style Sheets) 是一种用来表现 HTML(标准通用标记语言的一个应用)或 XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS 不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

适合这样的人

新生