"#tagId"为什么?-6ren"> "#tagId"为什么?- 这个问题在这里已经有了答案: How are the points in CSS specificity calculated (7 个答案) Understanding CSS selector -6ren">
gpt4 book ai didi

html - CSS Precedence Oddity - "#id tag"> "#tagId"为什么?

转载 作者:太空宇宙 更新时间:2023-11-04 15:43:02 25 4
gpt4 key购买 nike

<分区>

我发现 element 的选择器非常不合逻辑在 #id 里面优先于 #id其中element .

免责声明:我知道周围有许多类似的问题。我还阅读了 CSS 优先级和特异性文档。然而,这些问题和文档似乎都没有涵盖我遇到的这个具体问题,更不用说解释原因了。也许我只是不擅长搜索;在那种情况下,请指导我。但我离题了。

例如,采用以下 HTML:

<style>
#top button {
padding: 0;
}
#myButton {
padding: 2em;
}
</style>
<header id="top">
<button type="button" id="myButton">Button</button>
</header>

出于某种原因,按钮没有填充。检查元素显示 #myButton 的样式被覆盖。

Inspect Element Overridden

不是 #myButton , 它总是选择一个独特的元素,比 #top button 更具体,它选择一个唯一元素下的多个按钮?

这是错误还是预期的功能?这种跨浏览器的行为有多标准?如果是功能,为什么?

在 Windows 10 上使用 Chrome 78 和 Edge 44 (EdgeHTML 18) 进行了测试。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com