本文介绍了CSS中常用的选择器，包括元素选择器、类选择器、ID选择器和属性选择器。元素选择器通过标签名指定HTML元素样式；类选择器使用`.`定义，允许多个元素共享同一类名；ID选择器使用`#`定义，具有唯一性；属性选择器则根据HTML元素的特定属性来选择元素，如`[type='text']`会选择所有type为text的输入框。了解这些选择器能帮助开发者更精确地控制页面样式。
常用的选择器：
最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器
标签选择器：如果设置 HTML 的样式，选择器通常将是某个 HTML 元素，比如 p、h1、em、a，甚至可以是 html 本身
Class选择器 ：在属性中进行定义，class=" xxx"; 多个元素可以名字重复，调用时会同时调用相同名字的元素。定义的名字不能以数字开头
使用方法：在<head>中进行定义一个<style>CSS使用区域。通过 " .xxx{ }"进行操作元素。
id选择器：在属性中进行定义，id=“ xxx”，名字是唯一的，不能有重复。如果重复在进行使用js时，只会默认使用第一个，后续的没办法进行。名字不能以数字开头。
使用方法：在<head>中定义一个<style>使用区域，通过 “#xxx{ } ”进行操作元素。id选择器是比class选择器更高效的。
分组选择器：分组选择器,将多个选择器选中的元素组合在一起，统一设置样式
例如：.xxx,#xxx1{ } 可以将定义的多个选择器，放在一起进行调用，使用“ ， ”隔开。
属性选择器：直接在<style >中 定义想要调用的属性名称其，特色就是会将同样名称的属性同时调用。, 例如属性input[type='text']{} 属性选择器：根据属性选中元素
[type]{}只要包含的有type的都会被选中
[type = "text"]{}只要 type=text的都会被选中
扫一扫
4540
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
