CSS Selector quot;(A or B) and Cquot;?(CSS 选择器“(A 或 B)和 C?)
问题描述
这应该很简单,但我无法找到它的搜索词.
假设我有这个:
This should be simple, but I'm having trouble finding the search terms for it.
Let's say I have this:
<div class="a c">Foo</div>
<div class="b c">Bar</div>
在 CSS 中,如何创建一个选择器来匹配匹配(.a 或 .b)和 .c"的内容?
In CSS, how can I create a selector that matches something that matches "(.a or .b) and .c"?
我知道我可以这样做:
.a.c,.b.c {
/* CSS stuff */
}
但是,假设我要经常做这种逻辑,有多种逻辑组合,有没有更好的语法?
But, assuming I'm going to have to do this sort of logic a lot, with a variety of logical combinations, is there a better syntax?
推荐答案
有更好的语法吗?
is there a better syntax?
没有.CSS 的 or
运算符 (,
) 不允许分组.它本质上是选择器中优先级最低的逻辑运算符,因此您必须使用 .a.c,.b.c
.
No. CSS' or
operator (,
) does not permit groupings. It's essentially the lowest-precedence logical operator in selectors, so you must use .a.c,.b.c
.
这篇关于CSS 选择器“(A 或 B)和 C"?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:CSS 选择器“(A 或 B)和 C"?
基础教程推荐
- Chart.js 在线性图表上拖动点 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- 直接将值设置为滑块 2022-01-01
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01