css初级选择器 |css 中心轴旋转动画

选择器的作用就是选择 HTML 元素，从而给它们添加样式。选择器大致分为三类：元素选择器、类选择器和 ID 选择器。

元素选择器是最简单的选择器。它选择的是指定 HTML 标签的所有元素。

/* 该选择器将选择所有
元素 */
p {
color: red;
}

类选择器选中特定的元素。它以点号 “.” 开头，然后选择一个类名。一个 HTML 元素可以有多个类名，中间用空格隔开。

/* 该选择器将选择拥有 class="example" 的所有元素 */
.example {
font-size: 16px;
color: blue;
}

ID 选择器与类选择器类似，不同在于它以井号 “#” 开头，然后指定一个 ID 名称。在一个 HTML 页面中，每个 ID 名称必须唯一。

/* 该选择器将选择 id="header" 的元素 */
#header {
background-color: yellow;
height: 100px;
}

除了以上的选择器，还有很多不同的选择器可以使用。不同选择器的组合使用可以更精确地选择 HTML 元素。

/* 该选择器将选择 div 元素下第一个
元素 */
div p:first-child {
margin-top: 0;
}

以上是 CSS 初级选择器的内容，很容易掌握。在实践中不断尝试，相信你会越来越熟练地应用它们。