CSS特性，为什么不同的属性会产生不同的结果？[关闭]

fjaof16o 于 2023-05-02 发布在其他

关注(0)|答案(1)|浏览(133)

**关闭。**此题需要debugging details。目前不接受答复。

编辑问题以包含desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将帮助其他人回答这个问题。
13小时前关闭
Improve this question
Picture of the CSS Styling issue
作为一个初学者，我很努力地去理解这种现象，但我就是不明白。当冲突发生在相同的选择器中时，颜色属性如何与边框同时更具体，可能不太具体。据我所知，短手在头球攻门内获胜，为什么总是这样？我真的很想弄明白。这对我来说已经变成了一次检查。
抱歉没收到。
GPT自动生成的答案：* 如果border属性和color属性的全局属性和div之间发生冲突，div将赢得这两个属性。
这是因为border属性比全局属性选择器具有更高的特异性，但比div选择器具有更低的特异性。因此，如果有冲突，div选择器将优先。
类似地，color属性在全局属性选择器中定义时具有更高的特异性，但比在div选择器中定义时的特异性低。因此，如果有冲突，div选择器将优先。*
我期望同一冲突中的所有全局属性都将生成相同的结果。

css

来源：https://stackoverflow.com/questions/76142979/css-specificity-why-different-properties-generate-different-outcome

1条答案

按热度按时间

nx7onnlm1#

级联、特异性、继承

请仔细阅读这篇关于级联、特异性和继承的文章。
有三个因素需要考虑，这里按重要性递增的顺序列出。后来者推翻了以前者：

源序
特异性
重要性

这背后的原因是因为全局选择器属性（*）比header的属性更具体。由于“hello”很可能被 Package 在元素和链接中（由于没有提供代码，因此只是猜测），因此以下代码仅应用于header元素本身，而不是其子元素：

header {
    color: red;
    border: 5px solid red;
}

在您附加的图像上，属性将通过特异性规则继承。但是，如果您尝试下面的代码，您可以观察到它的属性扩展到header元素包含的所有元素：

header * {
    color: red;
    border: 5px solid red;
}

赞(0）回复(0）举报 2023-05-02

我来回答

CSS特性，为什么不同的属性会产生不同的结果？[关闭]

1条答案

级联、特异性、继承

相关问题

热门标签

最新问答