如何将CSS的样式应用于DIV里的元素？
如何将CSS的样式应用于DIV里的元素？
提问于 2018-07-23 01:59:50
我想将CSS文件应用到我网页中的指定DIV。这是页面结构：
<link rel="stylesheet" href="style.css" />
...
<body>
<div id="pagina-page" data-role="page">
...
<div id="applyCSS">
(all the elements here must follow a concrete CSS rules)
</div>
...
</body>我尝试应用CSS文件规则来编辑它（CSS文件太大了）：
#applyCSS * { (For all the elements inside "applyCSS" DIV:)
.ui-bar-a {
...
...
}
.ui-bar-a .ui-link-inherit {
...
}
...
}但这个解决方案行不通。那我该怎么做？
回答 2
Stack Overflow用户
发布于 2018-07-23 10:10:21
我不明白为什么你实现不了，我可以。http://jsfiddle.net/igorlaszlo/wcm1soma/1/
HTML：
<div id="pagina-page" data-role="page">
<div id="applyCSS">
<!--all the elements here must follow a concrete CSS rules-->
<a class="ui-bar-a">This "a" element text should be red
<span class="ui-link-inherit">This span text in "a" element should be red too</span>
</a>
</div>
</div>CSS：
#applyCSS * {color:red;display:block;margin:20px;}Stack Overflow用户
发布于 2018-07-23 11:56:08
你可以试试：
#applyCSS .ui-bar-a {property:value}
#applyCSS .ui-bar-a .ui-link-inherit {property:value}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100005620
复制相关文章
相似问题