我想将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 {
...
}
...
}
但这个解决方案行不通。那我该怎么做?
发布于 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;}
发布于 2018-07-23 11:56:08
你可以试试:
#applyCSS .ui-bar-a {property:value}
#applyCSS .ui-bar-a .ui-link-inherit {property:value}
https://stackoverflow.com/questions/-100005620
复制相似问题