gpt4 book ai didi

CSS 选择器覆盖

转载 作者:技术小花猫 更新时间:2023-10-29 11:46:57 24 4
gpt4 key购买 nike

我正在尝试合并来自不同供应商的两个 CSS 文件。第一个定义

body.mine div {border:1px solid red}

第二个

.blue-border {border:1px solid blue}

在生成的HTML中,可以找到

<div class="blue-border">hello</div>

这看起来是红色的,而不是蓝色的。我不能修改 HTML,也不能修改第一个 CSS 代码。我唯一的“希望”是修改第二个 CSS。有什么提示吗?非常感谢!

例子:

<html>
<head>
<style>
body.mine div {border:1px solid red}
.blue-border {border:1px solid blue}
</style>
</head>
<body class="mine">
<div>hallo</div>
<div class="blue-border">hello</div> <- looks red, not blue as I want
</body>
</html>

最佳答案

只是让选择器更具体:

body.mine div.blue-border {border:1px solid blue}

这告诉浏览器寻找一个更具体的元素:一个带有 blue-border 类的 div,它是具有我的类的 body 元素的子元素。

你的只是​​说“选择任何具有蓝色边框类的东西”,这比以前的选择器更不具体。

http://jsfiddle.net/Kyle_Sevenoaks/tcWK5/

关于CSS 选择器覆盖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13563079/

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