学习-WEB前端快速入门-21.23_CSS样式表_CSS基础选择器

183 阅读1分钟
一、id选择器

1.定义

通过#符号和元素的id属性值结合而成的选择器
<div id="div1"> </div>
#div1{background-color:red;}

2.案例

3.显示

二、class选择器

1.定义

通过,符号和元素的class属性结合而成的选择器
<div class="div1"></div>
.div1{background-color:red}

2.1案例

2.1显示

2.2案例

允许多个元素,同时存在相同的属性值或给不同类型的元素添加。

2.2显示

三、标签选择器

1.定义

直接写出标签名的选择器,(元素选择器)
<div></div>
div{background-color:red;}

2.案例

3.显示

四、通用选择器

1.定义

用*符号表示的选择器(表示为页面中所有的元素添加样式)
*{background-color:red}

2.案例

2.显示

所有标签,包括bodyhtml