-3

jQuery Mobile演示页面有一个漂亮的列表视图小部件，我想使用它。
但是，我想减小<li>元素的字体大小（只是该<li>特定列表中的元素，而不是其他任何元素）。

我该怎么做？

4

1 回答 1

2

首先在您的 html 文件的 head 元素中添加 a<link>到 jquery-mobile.css ，下一行添加到您的 site.css 文件中。在您的 site.css 添加：<head><link>

.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 移动 css 文件的链接之后。

于 2013-09-11T22:18:42.550 回答