【2023.9.13】CSS基础选择器介绍

CSS也是一门标记语言。主要应用于设置HTML页面中的文本内容，图片外形及版面的布局和外观显示样式。

CSS语法规范：

CSS规则主要由选择器和样式（一条或多条声明）组成。

<style>
p {/*选择器*/
     color: red;/*声明*/
}
</style>

<p>将这条特殊标签的语句改为红色</p>

CSS基础选择器：

选择要更改样式的目标标签。（选择器的数量非常多）

可以分为基础选择器和复合选择器两大类。

基础选择器包括：标签选择器、类选择器、id选择器和通配符选择器。

---

标签选择器：用HTML的标签名作为选择器，如<p>,<div>，一次性更改所有同类标签。

p{...}/*选择器为html标签名*/

类选择器：给同一标签添加类的属性。

.def{...}/*选择器是自己定义的标签类，不能是已有标签名*/
<p class = "def">......</p>

一个标签也可以拥有多个类名，但是要用空格隔开。如：

<p class = "def1 def2">......</p>

id选择器：只能调用一次。（不能取相同id）

#def{...}/*选择器为id名*/
<p id = "def">......</p>

通配符选择器：选取所有标签。

* {...}/*选择所有标签！*/