常用的选择器:
最常见的 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的都会被选中