css从入门到精通伪类选择器 css设置backgroundcolor无法覆盖父类 – CSS – 前端 css3气泡对话框

backgroundcolor:red!important;

!important 将覆盖行内css

css优先级：行内css>id选择器(#)>伪类

@ CSS选择器权重如何计算？

很古老的话题了

id=100

class=10

tag（标签）=1

按照这个规律去计算，比如

#qietu div{}

100+1 = 101

.qietu .box{}

10+10=20

可以得出第一个的权重要比第二个要高。另外关于权重的扩展知识面，偶推荐了解下BEM命名规则，这个观念很好，可以从侧面杜绝权重问题的产生，还有一个就是提高权重的方法 !important;

@ 伪类选择器和伪元素选择器的区别？

伪元素和伪类之所以这么容易混淆，是因为他们的效果类似而且写法相仿，但实际上 css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。

@ 如何用它CSS设置鼠标单击后的样式？

1、需要设置a标签的伪类样式，具体操作方法首先打开hbuilder软件，新建一个html文件，输入一个a标签，并且设置a标签的class属性为alink：

2、然后在head标签中设置style标签，设置a标签的宽度和高度，在设置a标签的伪类visited、，active和link三个伪类的样式，设置vistited访问过的的颜色为红色，active激活链接的样式也为红色，link链接的颜色为蓝色即可：

3、最后打开浏览器，可以看到设置好的蓝色的a标签：

4、点击之后的颜色变成了红色：