jQuery Mobile demo page有一个非常棒的listview小部件,我想使用它
但是,我想减少<li>
元素的字体大小(只是该特定列表中的<li>
元素,而不是任何其他元素)。
如何解决这个问题?
答案 0 :(得分:2)
首先在html文件的头部<link>
元素中向jquery-mobile.css添加<head>
,然后在您的site.css文件中添加<link>
。在您的site.css中添加:
.ui-link-inherit{
font-size:80%
}
ui-link-inherit是类名jquery mobile在您提供的演示链接的列表中给出了每个列表项(<li>
),您的site.css文件将覆盖jquery-mobile中定义的样式.css文件,因为它的链接跟在jquery css链接之后的下一行(这就是为什么它叫做级联样式表)。请注意,我正在为jquery css文件和你的网站css文件编写我自己的名字,例如为了清酒。
您也可以使用内联css样式,而不是像我的site.css示例那样的外部css文件,所以:
<style>
.ui-link-inherit{
font-size:80%
}
</style>
再次确保您的<style>
元素位于jquery mobile css文件的链接之后。