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无法影响继承来的属性
新闻热点
疑难解答