0

我在尝试在 Bootstrap 中隐藏某些类时遇到了问题——这个给我带来了一些最大的麻烦。在这里,我想隐藏 nav 和 nav-pills 类的使用,但是如果我删除它们并使用 LESS 将它们嵌入到 .pills > ul 中并相应地调整我的所有代码,药丸本身将不会呈现,这让我感到困惑. 在花了几个小时试图与之抗争之后,我不情愿地将这些类嵌入到文档中,但我仍然希望将它们删除。

这是 HTML/PHP:

        <section class="pills" id="mus-art">
            <ul class="nav nav-pills">
                <li class="active"><a href="">Artist1</a></li>
                <li><a href="">Artist2</a></li>
                <li><a href="">Artist3</a></li>
                <li><a href="">Artist4</a></li>
                <li><a href="">Artist5</a></li>
                <li><a href="">Artist6</a></li>
                <li><a href="">Artist7</a></li>
                <li><a href="">Artist8</a></li>
                <li><a href="">Artist9</a></li>
                <li><a href="">Artist10</a></li>
                <li><a href="">Artist11</a></li>
                <li><a href="">Artist12</a></li>
                <li><a href="">Artist13</a></li>
                <li><a href="">Artist14</a></li>
            </ul>
        </section>
        <section id="contributor-info1">
                <?php include $_SERVER['DOCUMENT_ROOT']."/locationoffile"; ?>
        </section>

我的 LESS 文件中没有任何会干扰任何药片渲染的内容。我还使用了一些 jQuery,但仅用于更改当它被单击时获得活动类的药丸。

4

1 回答 1

0

您没有列出您调整的所有规则,但药丸不仅仅是由ul.nav.nav-pills选择器设置的。真正的药丸是<a>元素,它们的风格是由它们的.nav-pills祖先决定的。例如 :

.nav-pills > li > a
/* OR */
.nav-pills > .active > a:hover

如果您不想使用.nav-pills该类,则必须重新定义所有这些规则,直接暗示设置此类的元素或在其选择器中使用此类的任何规则。


但是恕我直言,隐藏这些类对最终用户没有兴趣,唯一的兴趣是对其他开发人员或机器人隐藏框架的使用——除非你遇到与这些类的冲突,在这种情况下你应该提出这个问题直接地。

于 2012-11-04T16:43:33.273 回答