gpt4 book ai didi

css - 使用 bool 条件组合两个或多个 CSS 选择器

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

有没有办法使用 bool 条件组合两个或多个 CSS 选择器 - and , or , not

考虑这个 <div> :

<div class="message error">
You have being logged out due too much activity.
</div>

例如,我可以只选择那些同时包含这两个类的元素吗?

类似于 div.message && div.error 的内容?

最佳答案

这些应该有效:

&& = div.message.error {}
|| = div.message, div.error {}

不要认为你可以做到“不”

编辑:刚刚做了一个快速测试以确认:

<html>
<head>
<style type="text/css">
div.error.message {
background-color: red;
}
div.message, div.error {
border: 1px solid green;
}
</style>
</head>
<body>
<div>None</div>
<div class="error">Error</div>
<div class="message">Message</div>
<div class="error message">Error Message</div>
</body>
</html>

“消息”、“错误”和“错误消息”div 都有绿色边框,只有“错误消息”div 有红色背景。

关于css - 使用 bool 条件组合两个或多个 CSS 选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2144751/

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