三叶草 发表于 2021-12-18 21:50:43

初识CSS样式-常用的基本选择器

CSS 常用的选择器 可以分为三种 分别是:标签选择器类选择器 id选择器
以上三种选择 有 优先级之分 从高到低 分别是: id选择器→类选择器→标签选择器
我们根据优先级 从低至高 分别介绍 这几种选择器的 写法与用法 及特点:
一.标签选择:
特点:优先级最低主要是通过HTML的标签名 对HTML进行选择
写法:
<div> </div><!--如何通过“标签选择器”来选择这个DIV呢?-->
div[标签名] {
这样就成功选择了DIV标签 但是 是当前页面中的全部div元素都被选中了
}二:类选择器【class选择器】
特点: 优先级中等 高于标签选择器 可以定义 元素标签的类名通过类名 来选择html标签
写法:
<div class="div1"> </div>

.div1[.标签类名] {
这样就成功选择了当前 这个DIV元素,不会同时选择到其他的DIV元素。
}三:id选择器
特点:优先级最高 HTML页面中ID值 是唯一的,不能出现相同的ID值。通过ID值 对HTML元素进行分类与选择。
写法:
<div id="div2"></div>

#div2[#id值] {
这样就成功选中了 当前这个DIV元素 不会同时选择到其他的DIV元素。
}

https://blog.51cto.com/u_15166357/4816106
页: [1]
查看完整版本: 初识CSS样式-常用的基本选择器