【问题标题】:list-style-type with YUI reset.css?带有 YUI reset.css 的列表样式类型?
【发布时间】:2011-10-26 02:09:51
【问题描述】:

我正在使用 yui 重置:

<link rel="stylesheet" href="http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css"/>

我很难用decimal 显示我的订购列表。

到目前为止我都在使用这个,但它似乎仍然被覆盖为空白?

ol, ol li{
    list-style-type: decimal;
    list-style-position: outside;
}

【问题讨论】:

    标签: css yui yui-reset


    【解决方案1】:

    您可以取消重置这些样式。见:http://noscope.com/vanilla-css

    我更喜欢为我的未重置项目提供一个包装类。这样重置在其他任何地方都可以通用。

    /* un-reset bullets */
    
    .bullets ul {
        margin:0 1.5em 1.5em 1.5em;
    }
    
    .bullets ul li {
        list-style-type:disc;
    }
    

    【讨论】:

      【解决方案2】:

      您可以通过在选择器前面使用类或 id 来使用特异性覆盖重置样式。

      在 Chrome 或 FF 中使用您的开发者控制台对于找出如何覆盖或确定原因应该非常有用。

      如果你能提供一个网址,我很乐意看看。

      GL!

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2010-11-06
        • 1970-01-01
        • 2012-02-26
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多