CSS选择器:从一个祖先派生的多个类

CSS选择器:从一个祖先派生的多个类,css,css-selectors,Css,Css Selectors,有没有比这更好的方法来选择具有高度后代的类选项或输入的元素,而不选择具有非高度后代的类的任何元素 #height .inputs, #height .options 高度看起来是多余的,但是height.inputs.options选择了页面上的所有class=选项,而不仅仅是那些从height派生的选项。不,CSS就是这样设计的,这也是我现在在所有项目中使用的原因之一。使用更少的代码,您可以通过嵌套选择器来构建更像JavaScript的CSS。例如: #height { .input

有没有比这更好的方法来选择具有高度后代的类选项或输入的元素,而不选择具有非高度后代的类的任何元素

#height .inputs, #height .options

高度看起来是多余的,但是height.inputs.options选择了页面上的所有class=选项,而不仅仅是那些从height派生的选项。

不,CSS就是这样设计的,这也是我现在在所有项目中使用的原因之一。使用更少的代码,您可以通过嵌套选择器来构建更像JavaScript的CSS。例如:

#height {
    .inputs, .options {
        /* properties */
    }
}

不,CSS就是这样设计的,这也是我现在在所有项目中使用CSS的原因之一。使用更少的代码,您可以通过嵌套选择器来构建更像JavaScript的CSS。例如:

#height {
    .inputs, .options {
        /* properties */
    }
}
metadept是绝对正确的。逗号分隔选择器,由于您没有指定要使用高度的子项.options,因此它将针对页面上类.options的每个元素

是一个很好的使用工具;你也可能需要考虑——这只是归结为你更舒服些。

元是绝对正确的。逗号分隔选择器,由于您没有指定要使用高度的子项.options,因此它将针对页面上类.options的每个元素


是一个很好的使用工具;你也可能需要考虑——这只是归结为你比较舒服的。

我不太推荐SASS的主要原因是我不太熟悉的是客户端编译使开发变得更容易。在生产环境中,它们都得到了很好的支持,这可能取决于您正在使用的其他第三方框架和插件对哪一个更好的支持。就我个人而言,我更喜欢少用——我只是觉得有必要让他也知道SASS:谢谢你们。我看得少了,只是还没有开始走那条路。一般来说,我对css和web开发非常陌生,所以我想确保在进入库和其他更高级别的工具之前,我首先对基础有一个坚实的理解:css在LESS之前,JavaScript在JQuery之前,等等。再次感谢。@burgerB我同意这一点,除了JQuery之前的JavaScript部分。就我个人而言,我发现从jQuery开始学习要容易得多,因为基本JavaScript元素的选择和操作非常迟钝。除了熟悉LESS之外,我推荐LESS而不是SASS的主要原因是客户端编译使开发更加容易。在生产环境中,它们都得到了很好的支持,这可能取决于您正在使用的其他第三方框架和插件对哪一个更好的支持。就我个人而言,我更喜欢少用——我只是觉得有必要让他也知道SASS:谢谢你们。我看得少了,只是还没有开始走那条路。一般来说,我对css和web开发非常陌生,所以我想确保在进入库和其他更高级别的工具之前,我首先对基础有一个坚实的理解:css在LESS之前,JavaScript在JQuery之前,等等。再次感谢。@burgerB我同意这一点,除了JQuery之前的JavaScript部分。就我个人而言,我发现从jQuery开始学习要容易得多,因为基本JavaScript元素的选择和操作非常迟钝。