如何减少定义的CSS样式的字体大小?

时间:2013-09-11 22:11:51

标签: jquery html css jquery-mobile

jQuery Mobile demo page有一个非常棒的listview小部件,我想使用它 但是,我想减少<li>元素的字体大小(只是该特定列表中的<li>元素,而不是任何其他元素)。

如何解决这个问题?

1 个答案:

答案 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文件的链接之后。