我有一个CSS选择器#checkout form.center已经被使用了
我想特别为确认表格覆盖这一点,但我尝试写的东西都没有应用.我认为#confirmation form.center或其他东西应该取代第一条规则,但它似乎甚至没有达到目标. #confirmation被上面提到的选择器覆盖,因为它不是特定的.
最佳答案
扩展BoltClock的答案:
每个CSS选择器都有一个specificity值.对于每个元素,如果其属性之一的值发生冲突,则具有最高特异性的规则优先.通常,CSS选择器中的信息越多越好,其特异性就越大.
因此,添加适合您现有选择器的内容(#checkout form.center)将使您可以覆盖它:
#checkout form.center {
/* your existing CSS */
}
#checkout #confirmation {
/* your overrides; this has higher specificity */
}
#checkout form#confirmation {
/* this would also work -- even higher specificity */
}
#checkout form#confirmation.center {
/* even higher */
}
#checkout form.center p {
/* works inside the p only,but also has
greater specificity than #checkout form.center */
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。