CSS字体嵌套优先级怎么调整

html-css013

CSS字体嵌套优先级怎么调整,第1张

在span中加一个id 属性， 在手机版css中添加字体大小并用 !important 注明优先级 #b{font-size: 18px !important} !important声明具有最高优先级

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

</head>

<body>

<a href="javascript:" style="color:#333"><span style="color:#f00">啦啦啦啦啦啦啦<span></a>

</body>

</html>

运行结果：

下划线的颜色是在a标签上面设置的，字体颜色在span标签上设置的

都可以用，好像是后者优先级高，这个不太确定，如果优先级高的话，用前者很难去覆盖后者的属性，需要!important调整优先级。

如果优先级相同，会按从上倒下的顺序读css，也就是说写在下面的css会覆盖掉上面相同属性的css类。