如何设置CSSangular色的样式

在下面的HTML中

<div id="content" role="main">

该id可以通过CSS中的#content进行访问。我如何访问role="main" 。

使用CSS属性select器：

例如：

 div[role=main]

像这样访问它应该工作： #content[role="main"]

当然你可以在这个模式下做：

  #content[role="main"]{ //style }

请按照此线程获取更多信息

CSS属性select器：如果自定义属性有值，应用类吗？另外，它会在IE7 +吗？

并学习CSS属性select器

编写访问特定div的select器的最简单方法是简单地使用

 [role=main] { /* CSS goes here */ }

以前的答案是没有错的，但是他们依靠你使用div或使用特定的id。有了这个select器，你将能够拥有各种疯狂的标记，它仍然可以工作，避免了特殊性的问题。

 [role=main] { background: rgba(48, 96, 144, 0.2); } div, span { padding: 5px; margin: 5px; display: inline-block; }

 <div id="content" role="main"> <span role="main">Hello</span> </div>

请用：

  #content[role=main]{ your style here }