CSS quot;andquot; and quot;orquot;(CSS“和和“或)
问题描述
我遇到了很大的麻烦,因为我需要对某些输入类型进行样式化处理.我有类似的东西:
I've got quite big trouble, because i need to anathematise from styling some input types. I had something like:
.registration_form_right input:not([type="radio")
{
//Nah.
}
但我也不想为复选框设置样式.
But i don't want to style checkboxes too.
我试过了:
.registration_form_right input:not([type="radio" && type="checkbox"])
.registration_form_right input:not([type="radio" && "checkbox"])
.registration_form_right input:not([type="radio") && .registration_form_right input:not(type="checkbox"])
如何使用&&
?而且我很快就需要使用 ||
,而且我认为用法会一样.
How to use &&
? And I'll need to use ||
soon, and I think that usage will be same.
更新:
我仍然不知道如何正确使用 ||
和 &&
.我在 W3 文档中找不到任何内容.
Update:
I still don't know how to use ||
and &&
correctly. I couldn't find anything in W3 docs.
推荐答案
&&
像这样将多个选择器串在一起工作:
&&
works by stringing-together multiple selectors like-so:
<div class="class1 class2"></div>
div.class1.class2
{
/* foo */
}
另一个例子:
<input type="radio" class="class1" />
input[type="radio"].class1
{
/* foo */
}
||
通过使用逗号分隔多个选择器来工作:
||
works by separating multiple selectors with commas like-so:
<div class="class1"></div>
<div class="class2"></div>
div.class1,
div.class2
{
/* foo */
}
这篇关于CSS“和"和“或"的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:CSS“和"和“或"
基础教程推荐
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01
- 直接将值设置为滑块 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01