常用CSS选择器
1 标签选择器
标签: 就是html中的标签
用法:
标签名{属性:值; 属性:值;}
2 类选择器
用法:
.自定义名称{属性:值}
调用:
标签通过class属性调用类样式
特点:
☞ 谁调用谁改变,多个标签可以同时调用一个类样式
☞ 一个标签可以调用多个类样式(相当于人的名字)
2.1 类名规范
☞不能以纯数字或者以数字开头定义类名
☞不推荐使用汉字定义类名
3. ID选择器
☞不能以特殊符号或者以特殊符号开头(“_”除外)定义类名
☞不建议使用标签名或者属性名定义类名Id选择器
用法:
调用:
通过id属性调用样式
特点:
☞不建议多个标签使用同一id选择器的样式(id和js配合使用)
☞一个标签只能调用一个id样式
4. 通配符选择器
用法:
*{属性:值; 属性:值;}
特点:
☞将页面中所有的标签都选中,设置样式
☞进行页面样式的初始化
补充:
在写样式的时候(类选择器),如果有样式代码重复使用的时候,我们要提取公共类。
5. 标签指定式选择器
用法:
标签名.选择器名{属性:值; 属性:值;}
特点关系: 既。。。又。。。。
6. 后代选择器
特点:
标签之间必须属于嵌套关系。
用法:
选择器 +空格+ 选择器{属性:值; 属性:值;...}
特点:
选择器之间必须有空格
关系:
父与子的关系
7. 并集选择器
用法:
选择器,选择器,选择器{属性:值;}
作用:样式集体声明,css样式初始化。
特点:
并集选择器之间必须用逗号隔开!