Question

class.class是什么CSS选择器？

class.class是什么CSS选择器？这里的.progress.active是什么选择器呢？

Answer 1

class选择器：用于描述一组元素的样式，html元素通过class属性来设置class选择器，可以用于多个html元素，一个元素也可以有多个class选择器。以“.”来定义。

.class是指的“.”后面跟class的名字，比如<div class="info">要对class属性中包含info的元素样式进行改动就使用

.info{
    font-size:14px;
    background-color:#000;
}

来进行改动。

红线处所标记的语句是多元素的组合选择器中的毗邻元素选择器（E+F），是匹配所有紧随E元素之后的同级元素F。

progress不是选择器是一个html5中的标签样式，是用来定义运行中的进度（进程）的。

active是当被选中元素被点击（按下状态）时的状态，比如要给p元素增加点击状态下的样式就使用:

p:active{
    color:blue
}

使用方法是:active。使用 :link 选择器对指向未被访问页面的链接设置样式，:visited 用于设置指向已访问页面的链接的样式，:hover 选择器用于设置鼠标指针浮动到链接上时的样式。

追问

谢谢，图片中的我理解。那么，.progress.active是什么选择器呢？这里是相连接的类选择器。

追答

progress不是选择器是一个html5中的标签样式

active算是伪类，他必须依附于一个元素才能发挥效果，比如现在对E元素添加active选择器

E:active{
    color:blue;
}

这里的意思就是匹配所有鼠标按下，但是还没有松开的E元素，将其的字体颜色变为蓝色。

追问

为何不是冒号而是点？

追答

点是class选择器才会用的也就是class名为progress和active的元素