CSS选择问题

陽陽陽

没错又是我，上一次那个问题发现没法解决之后换了一个思路，现在的思路需要一个选择。

现在我臃肿的代码：
input[class*=bright][type=text],[class*=bright][type=password],[class*=bright][type=search],[class*=bright][type=url],[class*=bright][type=tel],[class*=bright][type=email],[class*=bright][type=number] {
  color: rgb(50,200,255);

}
有没有方法实现类似于 或 的命令（||），就好比input[class*=bright][type=text,password]这样（这个不起作用）

afu45

1.css有冗余是正常的
2.为什么要用
[class*=bright]{}
而不是用
.bright{}
3.有类似and命令
.bright.red{}
4.或命令 就是逗号
div.red , input[type=number]{}
等同于
div.red{ color:red}
input[type=number]{color:red}
5.你想让这些元素都显示同样的颜色，只需要定义一个class 然后每个元素加上即可
.c1{color: rgb(50,200,255);}
<div class="c1 aaa bbb"></div>
<input class="c1" />

陽陽陽

@afu45 睡着了吗。。。

SoloCat

配合JavaScript

陽陽陽

糖心疼 发表于 2023-2-14 07:33
配合JavaScript

上代码啊倒是
况且我需要一个CSS-only的解决办法

人杰啊

你这代码一言难尽。。。别折腾你那破ui框架了

陽陽陽

linguo 发表于 2023-2-14 13:00
你这代码一言难尽。。。别折腾你那破ui框架了

说实话最近我也是在学CSS，顺便玩玩而已。。

补充内容 (2023-2-14 23:46):
刚好把实战里的问题全找出来，做点笔记啥的