嵌套的类和标签

时间:2019-04-13 04:06:27

标签: css

我知道它的基本知识,我知道有人问它,我只是不知道适合它的 term ,而且无法在Google上找到它。

我想将tag嵌套在CSS class中:

.fullPageGallery
{
  width: 100%;
  height: 100%;

    >h1
    // some properties of h1 here (h1 is a tag inside this class)

    .AnotherClass
    //some properties of another class here (a div inside this class)
}

2 个答案:

答案 0 :(得分:4)

您无法在纯CSS中做到这一点-请使用SCSS/SASSLess

(以下内容适用于以上两种语言):

.fullPageGallery {
    width: 100%;
    height: 100%;
    h1 { /* Properties */ }
    .AnotherClass { /* Properties */ }
}

答案 1 :(得分:2)

您无法使用原始CSS来实现。但是,您可以使用CSS预处理程序Less或Sass(SCSS),并根据需要支持选择器嵌套。

通过构建过程将它们编译为标准CSS。

详细了解Sass here和较少的here