选择某个父元素的多个子元素

时间:2015-02-01 09:00:27

标签: css css3 css-selectors

我只是想知道CSS是否支持使用更简单的语法来定位多个子元素。

例如

我只想在父ID为

的div下更改h1,h2,h3的css

通常你必须去......

#parent h1, #parent h2, #parent h3 { color:red; }

有没有更简单的方法来做到这一点。有点像...

#parent {
  h1,h2,h3 { color:red; }

  .my_class { font-size:100%; } 

  #header { width:100%; }
}

在我的第二个假设示例中,仅当元素是#parent的子元素时才会应用css。

由于

2 个答案:

答案 0 :(得分:3)

CSS不支持您想要的内容。

SassLess都是(偶然,就像你写的一样)。

萨斯:

  

Sass是世界上最成熟,最稳定,最强大的专业级CSS扩展语言。

减:

  

较少的是CSS预处理器,这意味着它扩展了CSS语言,增加了允许变量,混合,函数和许多其他技术的功能,使您可以使CSS更易于维护,可扩展和可扩展。

这两种产品都非常成熟,几乎与其他产品共享每一项功能,但它们之间的差异确实存在一些细微差别,这使得它们彼此不兼容(在生成CSS之前)。

答案 1 :(得分:0)

在CSS中你必须使用这样的东西:

#parent > h1, #parent > h2, #parent > h3
{
   color: red;
}

JSFIDLE:http://jsfiddle.net/fg6g7kt6/