首页 > 网站 > WEB开发 > 正文

关于css important属性的一些想法

2024-04-27 15:08:34
字体:
来源:转载
供稿:网友

CSS继承中有一个就近原则,首先来说important属性无法影响就近原则。

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ color:red; } ul{ color:green; } </style></head><body> <div> <ul> <li>什么颜色</li> </ul> </div></body></html>

在这段代码中,li没有明确的设置color属性,这个时候就会进行继承,css继承会进行一个就近原则,也就是说

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> ul{ color:green; } div{ color:red; } </style></head><body> <div> <ul> <li>什么颜色</li> </ul> </div></body></html>

这两段代码运行结果是一样的,都是绿色,因为ul在结构上更靠近li 。而且如果出现important也不会影响运行结果。也就是说important无法影响css继承中就近原则的计算。 important标签提上的是一个属性而不是选择器。也就是说如果没有选择到,important没有作用,important无法影响继承来的属性


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表