一、标签选择器
1、标签选择器:根据指定标签名称,在当前界面找到所有该名称的标签,然后设置属性。
2、格式:
标签名称{
属性: 值;
}
3、注意:
(1)标签选择器选中的是当前界面中所有的标签,而不能单独选中某一标签。
(2)标签选择器无论标签藏得多深都能选中。
(3)只要是HTML中的标签九可以作为标签选择器。
二、id选择器
1、作用:根据指定的id名称找到对应的标签,然后设置属性。
2、格式:
#id名称{
属性: 值;
}
3、注意:
(1)每个HTML标签中都有一个属性叫做id,即每个标签都可设置id。
(2)在同一界面中id的名称不可重复。
(3)id名称前一定要加#。
(4)id名称只能由字母/数字/下划线组成,id名称不能以数字开头,id名称不能是html标签的名称。
(5)在企业开发中,若仅是为了设置样式,我们不能使用id,因为在前端开发中id是留给js使用的。
三、类选择器
1、作用:根据指定的类名称找到对应的标签,然后设置属性。
2、格式:
.类名{
属性: 值;
}
3、注意:
(1)每个html标签都有一个属性叫class,即每个标签都可以设置类名。
(2)在同一界面中class的名称可以重复。
(3)在编写class选择器时一定要在class名称前加上.。
(4)类名的命名规范和id名称的命名规范一样。
(5)类名专门用来给某个特定的标签设置样式。
(6)在html中,每个html可以同时绑定多个类名。
格式:<标签名称 class=”类名1 类名2...“>
四、后代选择器
1、作用:找到指定标签