有没有办法使用 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/