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無法影響繼承來的屬性
新聞熱點
疑難解答