首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何设置CSS角色的样式

如何设置CSS角色的样式
EN

Stack Overflow用户
提问于 2012-10-15 17:25:58
回答 7查看 184.1K关注 0票数 136

在下面的HTML中

代码语言:javascript
复制
<div id="content" role="main">

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

EN

回答 7

Stack Overflow用户

回答已采纳

发布于 2012-10-15 17:27:29

使用CSS属性选择器:

https://developer.mozilla.org/en-US/docs/CSS/Attribute_selectors

例如:

代码语言:javascript
复制
div[role=main]
票数 228
EN

Stack Overflow用户

发布于 2012-10-15 17:27:47

像这样访问应该是可行的:#content[role="main"]

票数 19
EN

Stack Overflow用户

发布于 2016-05-26 16:52:51

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

代码语言:javascript
复制
[role=main] {
  /* CSS goes here */
}

前面的答案没有错,但它们依赖于您使用div或使用特定的id。有了这个选择器,你将能够拥有各种疯狂的标记,而且它仍然可以工作,并且你可以避免特定的问题。

代码语言:javascript
复制
[role=main] {
  background: rgba(48, 96, 144, 0.2);
}
div,
span {
  padding: 5px;
  margin: 5px;
  display: inline-block;
}
代码语言:javascript
复制
<div id="content" role="main">
  <span role="main">Hello</span>
</div>

票数 16
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12892726

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档