CSS学习日记

2025.10.13 打卡

1. CSS选择器有五类：

  • 简单选择器（根据名称、id、类来选取元素）
  • 组合器选择器（根据它们之间的特定关系来选取元素）
  • 伪类选择器（根据特定状态选取元素）
  • 伪元素选择器（选取元素的一部分并设置其样式）
  • 属性选择器（根据属性或属性值来选取元素）

1.1 元素选择器：

例如选择所有的<p>标签，

p { ... }

1.2 id选择器：

HTML中：

<div id="main_page">...</div>

CSS中：

#main_page {...}

同一个页面中，id是唯一的，而且id不能以数字开头。

1.3 类选择器

HTML中：

<div class="main_page">...</div>

CSS中：

.main_page {...}

还可以指定某一种标签的这一种类，比如：

div.main_page {...}

只会选中类名为main_page所有<div>标签。