在CSS中是否存在通过公共层次结构缩小选择的方法？

简言之，我想谈谈：

#WRITE-USER input[type=text],
#WRITE-USER input[type=password],
#WRITE-USER input[type=email],
#WRITE-USER textarea,
#WRITE-USER select {
     /* common properties */
}

在这样的情况下：

#WRITE-USER {
     input[type=text], input[type=password], input[type=email], textarea, select {
          /* common properties */
     }
}

有什么办法吗

---

感谢您的帮助。

不要使用普通CSS。您需要使用类似的预编译器来实现这一点，它允许并在编译时生成纯旧的非精简CSS。

不是纯CSS，但您可以使用以下CSS实现来实现这一点：

Lesscss非常好，因为它在浏览器中工作，您甚至可以在css中使用变量，并通过javascript在点击一个按钮的过程中更改它们

Sasscss更好，如果您希望以后将其编译为css，并希望在nodejs中编译css服务器端作为示例

就我个人而言，我更喜欢较少的css，因为我可以轻松地将它与javascript结合起来，用一个颜色变量动态更改整个配色方案。更少的css也可以像普通的css一样缩小，因为这只是删除空间等，但是当它没有缓存时，站点将始终需要获取Less.js资源，并且如果没有启用javascript，Less css将无法工作

你甚至可以这样做：

#WRITE-USER {
    /* write-user styles */
    input {
        /* input styles */
        &[type=text],
        &[type=password],
        &[type=email], {
            //specific input type style, yes we can use single line comments now
        }
    }
    textarea {
        /* textarea style */
    }
    select {
       /* select style */
    }
}

---

最有趣和最有用的功能是混合和变量，不再重复代码：D

你必须使用更少的或SASS…即使你这样做了，它仍然会输出相同的CSS。谢谢你，朋友！不幸的是，javascript被禁用的风险迫使我使用纯CSS。不过，谢谢你的建议！谢谢你，朋友！不幸的是，javascript被禁用的风险迫使我使用纯CSS。不过，谢谢你的建议@Hiagotaki SASS在到达用户浏览器之前由开发人员编译成纯CSS，因此它不需要JavaScript。@Skrebom谢谢！我没有仔细分析。现在该功能似乎更为常见。