gpt4 book ai didi

css - 为什么 # 选择器的特异性比任何东西都低?

转载 作者:技术小花猫 更新时间:2023-10-29 10:36:56 25 4
gpt4 key购买 nike

粗体大写锁定 TL;DR:

我知道选择器特异性是如何确定的,我认为它使用了有缺陷的假设,我可以用有效的集合论关系来支持我的愤怒,请不要回应解释特异性的 W3 计算规则,请阅读问题 <- 阅读那个。

这困扰了我一段时间,当我为一些类似于下面的 HTML 编写样式时:

...
<div id="outer">
<span id="inner"></span>
<span></span>
...
</div>
...

为什么特异性规则会使选择器“#outer span”比“#inner”更具体?ID 是唯一的,所以当我说“#inner”时,我只能指代一个元素,那么为什么它不那么具体呢?我了解确定特异性的规则,我只是想知道这是有意还是无意,还有是否有人知道我如何向编写 css 标准的人提出这个问题。

我应该注意,我确实理解我可以使用#outer #inner 来确保最大的特异性,但这似乎首先违背了 ID 的目的。当我编写模板时,这也是一个有问题的解决方案,我不确定一个 ID 是否在另一个 ID 中。我不是在寻找解决方法,只是在寻找理论答案。

我的问题是理论,完全基于集合逻辑。虽然我的想法是,如果您为 n 个可能的元素中的 1 个元素定义规则,那不是您可以做到的那么具体吗?为什么 CSS 选择器的创建者会制定一个规则来定义 n 个可能元素中的 m 个元素,其中 m 是 n 的子集作为更具体的规则?

我的想法是,#id 相当于通过名称标识 1 个元素,而 #id elm 将通过名称与元素的关系来标识一个组。将命名项称为比具有命名关系的未命名组更不具体的命名项是完全违反直觉的。

最佳答案

我认为“为什么”的想法更像是一个“世代”或“权威”的观点。如果 #Parent(任何一代人)说我所有符合条件“x”(在您的情况下为 span)的 child 都将获得“y”的继承权"(无论 css 属性是什么),单个个体 #Child 想要什么并不重要,它需要 #Parent 的权限才能获得它,如果父级已声明否则。

编辑时添加: 内联 style 将成为叛逆的 child ,而 !important 将成为严厉的 parent 。 编辑:我保留这个是为了幽默,但我不认为它反射(reflect)了我的想法以及我后来在下面的声明。

在对评论中的问题进行编辑时添加: 给定:

#outer span ...
#inner (which is a span element)

然后为了帮助确保#inner 选择,我建议:

body span#inner (*edit:* just span#inner works *edit:* if defined later)

或者给 body 一个 id 和

#bodyId #inner

当然,这些仍然可以被覆盖。涉及的“几代人”越多,由于代际共识,改变行为就越困难(如果曾祖父、曾祖父和 parent 都同意, child 很可能不会做自己的事而逃脱惩罚) .

我不得不在以后的编辑中主要重写这部分鉴于此 HTML:

<div id="grandparent">
<div id="parent">
<div id="child"></div>
</div>
</div>

我之前说过“#parent div#grandparent div有更大的权限。两者都有代级权限,实际上是‘相等’的代级权限,但是第一个是“更近的”一代”获胜。 其中的错误 是“更接近”世代相传并不重要,而是最后被授予权力。在同等权限下,自己指定的最后一个获胜。

我相信我仍然支持这个说法:考虑到这个想法,像#child[id] 这样的选择器(它比之前的两个选择器都重要)将其属性视为许可,以获得更大的权力来统治它自己控制的东西。 # 已经赋予了它权限,但如果前一代还带有另一个授予更多权限的选择器,则不足以覆盖前一代的 #。

所以 #grandparent div 胜过 #child 而不是 div#child 如果它是最后一个获得授权的 [添加了这个] ,而不是 #child[id],因为 [id]#child 增加了更大的权力来统治自己。如果选择性相等,则最后一个被授予权限的人获胜。

同样,设置样式属性的 style 属性本身更像是一种至高无上的 self 管理权力,假设更“!important”的东西没有把它拿走。

作为回答“为什么”是这样的总结陈述(不符合“集合”理论),我认为这与准确性甚至特异性<无关/em>(尽管这是使用的术语),因为确实如此,人们会期望 #ChildsName 成为该问题的最终唯一发言权,因为无需多说。然而,尽管文档可能没有这样说明,但“选择性”实际上是在授予权限的基础上构建的。谁拥有最多“权利”来统治该元素,并给予“平局”,谁是最后一个被授予这些权利的人。

关于css - 为什么 # 选择器的特异性比任何东西都低?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3311629/

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