很奇怪但很烦人 JQuery 手机问题

Question

我安装了 JQuery 移动设备和 JQuery 移动设备 UI。

我尝试使用 JQuery 手风琴标签。

    <div data-demo-html="true">         
        <div data-role="collapsible-set" data-theme="c" data-content-theme="d">
            <div data-role="collapsible">
                <h3>Section 1</h3>
                <p>I'm the collapsible content for section 1</p>
            </div>
            <div data-role="collapsible">
                <h3>Section 2</h3>
                <p>I'm the collapsible content for section 2</p>
            </div>
            <div data-role="collapsible">
                <h3>Section 3</h3>
                <p>I'm the collapsible content for section 1</p>
            </div>
        </div>
    </div>

但是当我想通过例如添加

来更改 header 大小时

<div data-role="collapsible-set" data-theme="c" data-content-theme="d" class="SystemAccordeonHeading">

Class:
SystemAccordeonHeading

现在无论我尝试什么 :

.SystemAccordeonHeading {
font-size: 9vw !important;
}

它拒绝了它的新风格，它仍然很小.... 可能我忽略了一些东西，但 JQuery 文档在这一点上有点破旧。

提前致谢！！

Answer 1

将您的 class 更改为 -

.SystemAccordeonHeading a{
font-size: 9vw;
}

标题实际上是一个link元素，如果你检查元素

你不需要!important

编辑-

请注意，如果您在手风琴中放置 link，在这种情况下它的字体也会变大。所以我编辑下面的 class，所以你只得到 headers.

.SystemAccordeonHeading h3 a{
font-size: 9vw;
}

很奇怪但很烦人 JQuery 手机问题

Very strange but very annoying JQuery mobile issue

html

css

jquery-mobile