有没有一种方法将两个或更多CSS选择器结合使用布尔条件- ,and,?ornot
考虑一下<div>:
<div class="message error">
You have being logged out due too much activity.
</div>
Run Code Online (Sandbox Code Playgroud)
我可以只选择那些包含这两个类的元素吗?
有什么东西沿着div.message && div.error?
Bre*_*ker 13
这些应该工作:
&& = div.message.error {}
|| = div.message, div.error {}
Run Code Online (Sandbox Code Playgroud)
不要以为你可以做"不"
编辑:刚做了快速测试确认:
<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>
Run Code Online (Sandbox Code Playgroud)
"消息","错误"和"错误消息"div都具有绿色边框,只有"错误消息"div具有红色背景.