有没有办法使用布尔条件组合两个或多个 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 具有红色背景。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)