css学习记录

最新推荐文章于 2024-10-16 10:00:51 发布

jer‘jer’

最新推荐文章于 2024-10-16 10:00:51 发布

阅读量65

点赞数

文章标签： css html 前端

本文链接：https://blog.csdn.net/m0_64238664/article/details/121696776

版权

本文介绍了CSS中的三种基本选择器：标签选择器、ID选择器和类选择器。标签选择器通过HTML标签应用样式，如`h1`、`p`和`h2`；ID选择器使用`#`标识符选择特定ID的元素，每个页面中ID必须唯一；类选择器以`.`开头，可以为多个元素定义相同的样式，支持多个类名组合使用。了解这些选择器有助于更精确地控制网页布局和样式。

摘要由CSDN通过智能技术生成

标签选择器是三大基本选择器中的一种。
标签选择器会对指定的标签有效，不管这个标签的层级有多深。
标签选择器实际上就是使用 html 中的标签来作为样式的名称。
如：

h1/*标签选择器*/ {
        color: red;
    }
p {
        color:blue;
    }
h2{
    font-size: 20px;
    font-family: 微软雅黑;
    font-weight: bold;
    font-style: normal;
}
然后即可运用其标签。
ID选择器是用于选择标签中指定了 id 属性并指定值的元素。
如：

#first/*ID选择器*/{ color:red}
#second{color:blue}

需要在前面加上 #
相同名称的 id 值在同一个页面中只能有一个。

类选择器需要在标签上定义 class 属性，并指定值，然后让这个值作为选择器来使用。类选择器以.开头。
如：.container {
border: 1px solid rgb(0, 0, 0);
color: red;
}
多个类选择器的使用方式，用空格来分隔。

后代选择器的结构：
选择器1 选择器2 {
属性: 值;
}

子选择器的结构：
选择器1 > 选择器2 {
属性: 值;
}