html web前端css基础(7)

html web前端css基础(7)

CSS选择器

作用:规范了页面有哪些元素能够使用声明好的样式。

目的：为了匹配页面的元素。

选择器详情:

元素选择器

特点:
由标记名称作为选择器。主要匹配页面中指定的标记所对应的所有元素。

语法:
标记{
属性：值；
属性2：值2；
。。。
}

类选择器

特点:
允许被任意元素所引用的选择器

语法:
1.声明
.类名{
属性：值；
。。。
}
2.引用
<标记 class=‘类名字’>（引用,不用加.）

特殊用法:

分类选择器的定义方式

允许将元素选择器和类选择器结合到一起使用,为了实现对某种元素的不同样式的细分控制。
语法:
元素选择器.类选择器{
属性：值；
。。。
}

例:
.a{
类选择器，匹配所有的class为a的元素
}
div{
元素选择器，匹配所有div元素
}
div.a{
匹配class为a的div元素
}

多类选择器的使用方式
允许让一个元素同时引用多个类选择器,多个类选择器之间使用 空格 隔开。
.c1{…}
.c2{…}
.c3{…}
<标记 class=“c1 c2 c3”>

今天就更新到这里了,继续去学习了,以后还会有新的分享,
再次请大家多多关照。我们每天奋斗的时间越多,以后离成功
也就越近,加油!