我正在尝试使用 jquery mobile 构建应用程序。下面是html文档的结构。我想将样式应用于内容的内部元素。我想使用在单独的 .css 页面中定义的相关样式表将 css 应用于“
”元素。我如何做到这一点？谢谢，
阿伦
<div data-role="page" id="myid"> <div data-role="header"> <h1>My header</h1> </div> <div data-role="content"> <pre> page content............</pre> </div> </div>
【问题讨论】：
标签： jquery html css jquery-mobile
首先将类添加到元素中，以便您可以正确访问它们。
<div data-role="page" id="myid">
<div data-role="header">
<h1>My header</h1>
</div>
<div data-role="content">
<pre class="target"> page content............</pre>
</div>
</div>
然后瞄准他们
$(".target").css("color", "red" );
【讨论】：
以下应该做：
$("pre").addClass("myClass");
您还可以将 CSS 类添加到 pre 并选择它：
<pre class="preClass">
....
$(".preClass").addClass("myClass");
或者你可以添加一个ID到pre并选择它
<pre id="preID">
....
$("#preID").addClass("myClass");
选择元素的一些方法是：
addClass 用于为选中的元素添加一个或多个 CSS 类。
有关选择器的更多信息，请访问：
【讨论】：
pre 元素。不需要 jquery 来做到这一点。你到底想做什么？