문제

I am using yui reset:

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

and I'm having a hard time getting my ordered lists to show with decimal.

So far I'm using this, but it still seems to be overwritten to be blank?

ol, ol li{
    list-style-type: decimal;
    list-style-position: outside;
}
도움이 되었습니까?

해결책

You can un-reset these styles. See: http://noscope.com/vanilla-css

What I prefer to do it have a wrapping class for my un-reset items. This way the reset remains universal everywhere else.

/* un-reset bullets */

.bullets ul {
    margin:0 1.5em 1.5em 1.5em;
}

.bullets ul li {
    list-style-type:disc;
}

다른 팁

You can use specificity to override the reset styles by using a class or id in front of your selector.

Using your developer console in Chrome or FF should be really useful in figuring out how to overwrite or determine the cause.

If you could provide a URL I would be happy to take a look.

GL!

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top