如何覆盖前面的 html 标签引导程序？ [关闭]答案

【问题标题】：How to override preceding html tags bootstrap? [closed]如何覆盖前面的 html 标签引导程序？ [关闭]
【发布时间】：2013-07-23 03:22:16
【问题描述】：

假设我有这样的代码。

<style>
    #container ul li{ font-size:50px;}
    .myclass1 ul li{ font-size: 20px;}
</style>
<div id="container">
    <ul>
        <li>
            <div class="myclass1">
                <ul>
                    <li>Something 1</li>
                    <li>Something 3</li>
                    <li>Something 3</li>
                </ul>
                <ul class="myclass2">
                    <li>Something 1</li>
                    <li>Something 3</li>
                    <li>Something 3</li>
                </ul>
            </div>
        </li>
    </ul>
</div>

在这个例子中，我想要的是具有 myclass2 的块可以是一个类，它可以继承或复制默认 twitter bootstrap 的 ul 的 li 样式属性和li值

基本上 myclass2 = twitter 引导默认 li 样式。

因为当我想为 myclass2 使用引导程序默认样式时，我必须重新设置它并进行大量编码。

我只想将引导程序的默认 ul,li 行为继承到 myclass2 或覆盖前面的标签，而不是一遍又一遍地编写大量代码。

我认为这是 twitter 引导程序的必备条件。

补充： 现实生活中的例子。请查看http://www.carantina.com/

在'PRODUCTS'下，li 和ul 标签的样式来自于继承的。但我想使用默认引导值。我将如何实现这一目标。

【问题讨论】：

如果您已经加载了引导 CSS，其默认值 ul 和 li 将应用到您的 ul 和 li 元素，通过默认。是什么让你认为你必须做一些事情才能实现这一目标？您必须“一遍又一遍地”做的“大量代码”的具体示例将显着改善问题。现在很难帮你。
Crowder 的声明是有效的，我不明白为什么你必须编码（根据你）使用来自 twitter bootstrap 的默认 css 样式
请检查此代码。对于 myclass2，如果我想使用默认引导值，我必须通过硬编码恢复所有内容。我不能只输入 font-size:defautbootstrap'sfontsize 上面的例子很简单。想想它是一个下拉菜单。
我编辑了我的回复。有一个现实生活中的例子。告诉我如何为那个标签栏使用 twitter bootstraps 默认值。
然后使用你要应用的相应样式类，不是吗？！

标签： jquery html css twitter-bootstrap

【解决方案1】：

您的网页结构与此处的示例不同，但此处示例的问题可以通过编写来解决

#container ul ul:not(.myclass2) li {font-size:50px;}
#container .myclass1 ul:not(.myclass2) li {font-size: 20px;}

对于 CSS。见fiddle。
那么myclass1 的顶部列表将是 20px，myclass2 底部的列表将是系统默认值（在 Bootstrap 网页上，它将是 Bootstrap 默认值）。

但是，由于只有两个列表和两种样式，因此在 50px 处不会显示任何内容。所以要么你的例子不适合，要么我误解了你的要求。

【讨论】：