css - 声明值和指定值有什么区别?

标签 css

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/

相关文章:

html - 为什么我的 <hr> 元素在同一页面上呈现不同?

css - flex 包装不起作用

html - 需要帮助使用 HTML 字体样式

javascript - ng2-split-pane 在初始渲染后调整垂直 Pane 的高度

php - 如何设置光标离开屏幕?

html - css中嵌套容器的高度

CSS 元素将内容下推

Javascript - CSS,可见性onclick

html - 如何在html中排列两个表格?

html - 将带有叠加层的 div 中的文本置于最前面,以便不透明度不会影响文本颜色?