1.标签选择器
根据指定的标签名称,在当前界面找到所有该名称的标签,然后设置属性
使用方法:格式:
标签名称
{
属性
:
值
;
}
标签选择器选中的是当前界面中所有的标签
, 而
不能单独选中某⼀个标签,标签选择器无论标签藏得多深都能选中,只要是HTML
中的标签就可以作为标签选择器。
2.id选择器
根据对应的id名称找到指定的标签然后设置属性
使用方法:#id名称{
属性
:
值
;
}
每个
HTML
标签都有⼀个属性叫做
id,
也就是说每个标签都可以设置id ,在同⼀个界面中id的名称是不可以重复的,在编写id选择器时⼀定要在
id
名称前⾯加上
#。
id的名称只能由字母/
数字
/
下划线组成。不能以数字开头。 不能是HTML标签的名称在企业开发中⼀般情况下如果仅仅是为了设置样式
,
我们不会使用id ,
因为
id
是留给
js
使用的。
3.类选择器
根据对应的类名找到指定的标签然后设置属性
使用方法:.类名{
属性
:
值
;
}
每个
HTML
标签都有⼀个属性叫做
class,
也就是说每个标签都可以设置类名,在同⼀个界面中class的名称是可以重复的,在编写class选择器时⼀定要在
class
名称前面加上点,类名的命名规范和id
名称的命名规范⼀样。
3.1类选择器和id选择器的区别
1.id
相当于⼈的身份证不可以重复,class相当于⼈的名称可以重复
2 .
⼀个
HTML
标签只能绑定⼀个
id
名称,⼀个HTML
标签可以绑定多个
class
名称
3.id选择器是以
#
开头 ,class选择器是以.
开头
4.id⼀般情况下是给js
使用的
,
所以除非特殊情况
,
否则不要使用
id去设置样式。在企业开发中⼀个开发人员对类的使用可以看出这个开发人员的技术水平。
4.后代选择器
找到指定标签的所有后代标签,然后设置属性。
使用方法:标签名称1 标签名称2{
属性
:
值
;
}
.
后代选择器必须用空格隔开,后代不仅仅是儿子,
也包括孙子
/
重孙子
,
只要最终是放到指定标签
中的都是后代,后代选择器不仅仅可以使用标签名称, 还可以使用其它选择器,后代选择器可以通过空格⼀直延续下去。
5.子元素选择器
找到指定标签的所有特定的直接子元素,然后设置属性。
使用方法:标签名称1>标签名称2{
属性
:
值
;
}
子元素选择器只会查找儿子
,
不会查找其他被嵌套的标签,子元素选择器之间需要用>符号连接
,
并且不能有空格,子元素选择器不仅仅可以使用标签名称, 还可以使用其它选择器,子元素选择器可以通过>符号⼀直延续下去。
6.交集选择器
给所有选择器选择的那一相交的部分设置属性
使用方法:选择器1选择器2{
属性
:
值
;
}
选择器和选择器之间没有任何的连接符号,选择器可以使用标签名称
/id
名称
/class
名称
7.并集选择器
给所有选择器选中的设置属性
使用方法:选择器1,选择器2{
属性
:
值
;
}
并集选择器必须使用
,
来连接,选择器可以使用标签名称/id名称
/class
名称