快速CSS查询

有没有更简短的方式来写这个

.form1 input[group="write"], .form1 select[group="write"], .form1 textarea[group="write"] { display: none; }

group

只是我用来对输入进行分组的一个属性

我想要

.form1 (input|select|textarea)[group="write"] { display: none; }

---

不确定为什么不使用

class

来对表单元素进行分组，而不是像

group

这样的自定义属性，但无论如何，我认为这个“一网打尽”规则可以：

.form1 [group="write"] { display: none; }

---

如果只需要显式匹配

输入

，

选择

和

文本区域

元素，那么CSS3中没有比您现有的更短的方法了。

不确定为什么不使用

类

来对表单元素分组，而不是像

组

这样的自定义属性，但无论如何，我想这条“一网打尽”的规则可以：

.form1 [group="write"] { display: none; }

---

如果您只需要显式匹配

输入

，

选择

和

文本区域

元素，那么CSS3中没有比您拥有的更短的方法了。

哈哈哈！我从来没有想过只删除标签，只使用[group=“write”]。。。啊！谢谢请记住，这会影响

group=“write”

的所有内容，与原始CSS略有不同。但是我同意Boltclock 100%，为什么不使用类呢？我想你有你的理由，但值得重新考虑。它将隐藏所有属性为

group=“write”

的元素，是否只隐藏列出的元素？我使用group，因为我有一个带有group=“write”和group=“read”的表单当表单处于编辑模式或读取模式时，我希望表单的某些部分可见，这些部分在不将表单重新发布回服务器的情况下发生更改。：）如果您必须使用自定义属性，请考虑调用它<代码>数据组< /C> >以符合HTML5命名惯例。哈哈哈！我从来没有想过只删除标签，只使用[group=“write”]。。。啊！谢谢请记住，这会影响

group=“write”

的所有内容，与原始CSS略有不同。但是我同意Boltclock 100%，为什么不使用类呢？我想你有你的理由，但值得重新考虑。它将隐藏所有属性为

group=“write”

的元素，是否只隐藏列出的元素？我使用group，因为我有一个带有group=“write”和group=“read”的表单当表单处于编辑模式或读取模式时，我希望表单的某些部分可见，这些部分在不将表单重新发布回服务器的情况下发生更改。：）如果必须使用自定义属性，请考虑调用它<代码>数据组< /C> >以符合HTML5命名约定。