前端【常用选择器】总结

学习目标:

    标签选择器 class选择器 id选择器 后代选择器 子代选择器 组合选择器 通配符选择器

学习内容:

一、常用选择器

1. 标签选择器 :

标签名{样式}

权重:是1

2.class选择器(类选择器):

.+class名()

权重:10

class选择器的特点:多个标签可以有相同的class名

个标签可以有多个class名

class名由俩个单词组成:用_隔开 eg:div_box

3.id选择器:

#+id名{ }

权重:100

特点:类似于身份证号 多个标签不可以有相同的id 一个标签不可以有多个id名

4.后代选择器:

父选择器 子选择器{ }

权重:几个选择器权重相加 儿子孙子都会选中

5.子代选择器:

父选择器>子选择器

权重:几个选择器权重相加 只有儿子会选中

6.组合选择器:

选择器1,选择器2....{ }

权重:各个选择器单独计算 每个选择器用逗号隔开

7.通配符选择器:

*{ } 去除一些默认样式

权重:权重最小 会选中所有标签

经验分享 程序员 微信小程序 职场和发展