将两个或多个CSS选择器与布尔条件组合 [英] Combining two or more CSS selectors with a boolean condition
本文介绍了将两个或多个CSS选择器与布尔条件组合的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
有一种方法可以使用布尔条件 - 和，或组合两个或多个CSS选择器， code>
请考虑< div> ：
< div class =message error>
您由于太多活动而被注销。
< / div>
我可以只选择包含这两个类的元素吗？
div.message&&& div.error ？
解决方案
这些应该可以工作：
&& = div.message.error {}
|| = div.message，div.error {}
不要以为你不能 / p>
编辑：只是做了一个快速测试来确认：
html>
< head>
< style type =text / css>
div.error.message {
background-color：red;
}
div.message，div.error {
border：1px solid green;
}
< / style>
< / head>
< body>
< div>无< / div>
< div class =error>错误< / div>
< div class =message> Message< / div>
< div class =error message>错误讯息< / div>
< / body>
< / html>
消息，错误和错误消息都具有绿色边框， 错误消息div具有红色背景。
Is there a way to combine two or more CSS selectors using a boolean condition - and, or, not?
Consider this <div>:
<div class="message error">
You have being logged out due too much activity.
</div>
Could I select only those elements that contain both the classes for instance?
Something along the lines of div.message && div.error?
解决方案
These should work:
&& = div.message.error {}
|| = div.message, div.error {}
Don't think you can do "not"
Edit: Just did a quick test to confirm:
<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>
The "message", "error" and "error message" divs all have a green border and only the "error message" div has a red background.
这篇关于将两个或多个CSS选择器与布尔条件组合的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
