通过CSS为元素分配类

Question

我想告诉浏览器将某些CSS类分配给与特定选择器匹配的元素。我可以用纯CSS做，如果有，怎么做？

示例：我希望ID为h5的div中的所有sidebar元素都具有类ui-corners-all

Answer 1

不，纯CSS无法实现这一点。

仅限JavaScript：

// jQuery
$("h5").addClass("ui-corners-all");

// Pure JavaScript
var elements = document.getElementsByTagName("h5");
for (var i=0; i<elements.length; i++)
{
  var el = elements[i];      
  el.setAttribute( "class", el.getAttribute("class") + " ui-corners-all" );
}

Answer 2

无法将此值分配给纯CSS中的那些元素。

您需要这样做：

#sidebar h5
{

}

然后将ui-corners-all类中的所有样式复制到此。

或者，将您的ui-corners-all CSS更改为：

.ui-corners-all, #sidebar h5
{    

}

Answer 3

不，你不能。但是，您可以使用Javascript（jQuery推荐）来实现此效果。