-4

假设我有这样的代码。

<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 bootstrap 必须的。

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

在“PRODUCTS”下，li 和 ul 标签的样式来自于继承标签。但我想使用默认引导值。我将如何实现这一目标。 在此处输入图像描述

4

1 回答 1

0

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

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

对于 CSS。见小提琴。
然后顶部列表myclass1将是 20px，底部列表myclass2将是系统默认值（在 Bootstrap 网页上，它将是 Bootstrap 默认值）。

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

于 2013-07-21T09:10:37.710 回答