Jquery 添加到div的未解释内联CSS

我正在通过插入自己的标记/CSS来修改预先制作的HTML5模板。我添加了一个jQueryUI手风琴菜单，在我开始调整之前，一切看起来都很棒。我将以下标记复制并粘贴到我的HTML文件中：

HTML

第一节
莫里斯·莫里斯·安特、布兰迪·埃特、奥特莱斯a、苏西比特·埃特、夸姆。
整数ut neque。Vivamus nisi metus，molestie vel，年的孕妇，
调味品坐在阿梅特，努克。南阿尼布。Donec suscipit Peros。不结盟运动
惯性矩。维韦拉·利奥·奥迪奥。马勒苏阿达库拉比图尔酒店。前庭a
这是一件非常有趣的事

第二节
塞德·努尔纳。别着急。叶舌。前庭坐位
阿梅特·普卢斯。维瓦摩斯·亨德雷特，多洛在莫里斯的阿利奎特·拉奥里特
turpis porttitor velit，faucibus interdum tellus libero ac justo。
不夸姆万岁。在suscipit faucibus urna

第三节
Nam enim risus，molestie et，porta ac，aliquam ac，risus。
奎斯克·洛博蒂斯。马萨的Phasellus Pellentsque purus。埃尼安
佩德。Phasellus ac libero ac tellus pellentesque semper。Sed ac
菲利斯。塞德·康莫多、马格纳·奎斯·拉西尼亚·奥纳雷、阿利夸姆·安特·阿利夸姆
nisi，eu iaculis leo purus venenatis dui


第一项
清单项目二
清单项目三

第四节
粗俗的格言。佩伦茨克居住者莫比·特里斯蒂克·塞内特斯等人
内图和马莱苏阿达是著名的埃吉斯塔斯土尔皮斯。同侧前庭
第一个是在福西布斯或卢克图斯和乌尔特里斯的库里亚库里亚；
埃尼安·拉西尼亚·莫里斯·维勒东部

但是，当我在开发模式下查看相同的内容时，我看到添加了大量内联样式，我不知道它来自何处：

e、 g:

以下是该页面的链接：

单击浅绿色选项卡查看我正在谈论的内容（例如，“什么是金毛寻回犬”）

---

谢谢！

这是由您正在使用的

jqueryui

插件添加的。您可以通过转到浏览器css Insector中的指定文件来更改样式。

这是由您正在使用的

jqueryui

插件添加的。您可以通过转到浏览器css Insector中的指定文件来更改样式。

这是由

jqueryui

添加的您正在使用的插件。您可以通过转到浏览器css插件中的指定文件来更改样式。

这是由您正在使用的

jqueryui

插件添加的。您可以通过转到浏览器css插件中的指定文件来更改样式。

这些样式是由手风琴插件作为滑动动画的一部分添加的。

样式由手风琴插件添加为滑动动画的一部分

这些样式由手风琴插件添加为滑动动画的一部分

这些样式由手风琴插件添加为滑动动画的一部分

为了构建手风琴功能，jQueryUI插入一些类和内联CSS

---

如果要使用CSS，请将类赋予元素并将CSS！标记为重要。它将覆盖jQueryUI的效果。

对于构建手风琴功能，jQueryUI插入一些类和内联CSS

---

如果要使用CSS，请将类赋予元素并将CSS！标记为重要。它将覆盖jQueryUI的效果。

对于构建手风琴功能，jQueryUI插入一些类和内联CSS

---

如果要使用CSS，请将类赋予元素并将CSS！标记为重要。它将覆盖jQueryUI的效果。

对于构建手风琴功能，jQueryUI插入一些类和内联CSS

---

如果你想使用你的CSS，那么将类赋予你的元素并标记CSS！重要。它将覆盖jQueryUI的效果。

对不起，但我不太明白…我该如何插入超越插件样式的样式，而不仅仅是在浏览器上？你可以使用

！important

来覆盖样式。但是最好的解决方案是找到

jqueryui

css文件并相应地更改样式你应该下载文件。否则你可以使用

！important

来覆盖。例如

宽度：100px！important；

对不起，但我不太明白…我如何插入超越插件样式的样式，而不仅仅是在浏览器上？你可以使用

！important

来覆盖样式。但是最好的方法是解决方案是找到

jqueryui

css文件并相应地更改样式你应该下载文件。否则你可以使用

！important

来覆盖。例如

宽度：100px！important；

对不起，但我不太明白…我如何插入超越插件样式的样式，而不仅仅是在浏览器上？你可以使用

！important

来覆盖样式。但是最好的方法是解决方案是找到

jqueryui

css文件并相应地更改样式你应该下载文件。否则你可以使用

！important

来覆盖。例如

宽度：100px！important；

对不起，但我不太明白…我如何插入超越插件样式的样式，而不仅仅是在浏览器上？你可以使用

！important

来覆盖样式。但是最好的方法是解决方案是找到

jqueryui

css文件并相应地更改样式。如果您通过CDN（链接）使用jquery，则应下载文件。否则，您可以使用

！important

进行覆盖。例如

宽度：100px！important；

<div id="accordion">
        <h3>Section 1</h3>

        <div>
        <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam.
        Integer ut neque. Vivamus nisi metus, molestie vel, gravida in,
        condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam
        mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a
        velit eu ante scelerisque vulputate.</p>
    </div>

    <h3>Section 2</h3>

    <div>
        <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit
        amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris
        turpis porttitor velit, faucibus interdum tellus libero ac justo.
        Vivamus non quam. In suscipit faucibus urna.</p>
    </div>

    <h3>Section 3</h3>

    <div>
        <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus.
        Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in
        pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac
        felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam
        nisi, eu iaculis leo purus venenatis dui.</p>

        <ul>
            <li>List item one</li>

            <li>List item two</li>

            <li>List item three</li>
        </ul>
    </div>

    <h3>Section 4</h3>

    <div>
        <p>Cras dictum. Pellentesque habitant morbi tristique senectus et
        netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum
        primis in faucibus orci luctus et ultrices posuere cubilia Curae;
        Aenean lacinia mauris vel est.</p>
    </div>
</div>

<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" id="ui-accordion-accordion-panel-1" aria-labelledby="ui-accordion-accordion-header-1" role="tabpanel" aria-hidden="true" style="display: none; height: 256px;"></div>