Declared Values之间的区别和 Specified Values 让我困惑。
起初我以为是作者写的声明值
然后过滤出一个值“获胜值”,该获胜值成为 Cascaded Values
但后者是定义指定值的规范
指定的值是样式表作者为该元素指定的给定属性的值。
所以这让我重新思考声明值是元素的默认值吗?如果是,据我所知,它应该是一个默认值,但看起来有多个值和级联规则应用于获得一个值“获胜值”。
最佳答案
也许一个简单的例子会有帮助。假设我们有这个 html
<!DOCTYPE html>
<title>My demo</title>
<style>
#foo { color:orange }
.content { color:red }
div { color:blue }
</style>
<div class="content">Lorem ipsum dolor sit amet</div>
那么有三个规则。
#foo { color:orange }
不适用于我们的 div,因为它没有 id“foo”。 orange
不是 div 颜色属性的声明值。
.content { color:red }
适用于我们的 div 因为它有类“content”。 red
是 div 颜色属性的声明值。
div { color:blue }
也适用于我们的div,因为它是一个div元素。 blue
也是 div 颜色属性的声明值。
现在级联已应用。两个声明值(value)声明的起源和重要性相同,因此需要在两者之间进行选择。规则 .content { color:red }
具有更高的特异性,因此它提供了“获胜”值。
red
因此是 div 颜色属性的指定值。
关于css - 声明值和指定值有什么区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59599276/