Question

好的，我在这里安装了一个wordpress主题（www.sullivansuccesscoaching.com/home ...我们需要/ home，因为还有一个index.html隐藏了wordpress install。这是故意的。）

在/ home页面上，我有一个运行.animCont类的jquery cycle.lite，它基本上使用不透明度更改来淡化幻灯片。使用类似于Eric Meyer的重置样式表重置ol，ul元素，因此，所有ol，ul元素都是单独设置的。

每个.animCont里面都有一个div.teaser。在某些div.teaser中有无序列表，我根本无法获取列表样式！

目前，看似相关的四行css代码是：

.featured .animCont .alignleft {margin:0 36px 0 0;}
.featured .animCont .alignright {margin:0 0 0 36px;}
.featured .animCont .teaser ul, .featured .animCont .teaser ul li {display:block;list-style-type:disc !important;}
.featured .animCont .teaser ul li {line-height:18px;margin:6px 0 6px 20px;list-style-position:outside !important;}

出于演示目的，这里是ul.animCont

的基本布局

<ul class="animCont">
    <li class="clearfix">
        <a href="linkurl"><img src="imageurl" /></a>
        <div class="teaser">
            <h2>The title</h2>
            <ul>
                <li>something1</li>
                <li>something2</li>
                <li>something3</li>
            </ul>
        </div><!-- // .teaser -->
    </li><!-- slide1 -->
    <li class="clearfix">
        <a href="linkurl"><img src="imageurl" /></a>
        <div class="teaser">
            <h2>The title</h2>
            <ul>
                <li>something1</li>
                <li>something2</li>
                <li>something3</li>
            </ul>
        </div><!-- // .teaser -->
    </li><!-- slide2 -->
</ul><!-- // .animCont

编辑：以下是从Firebug复制的计算样式

.featured .animCont .teaser ul li {
line-height:18px;
list-style-position:outside !important;
margin:6px 0 6px 20px;
}
style.css (line 238)
.featured .animCont .teaser ul, .featured .animCont .teaser ul li {
display:block;
list-style-type:disc !important;
}
style.css (line 237)
.featured .animCont li {
display:none;
width:100%;
}
style.css (line 232)
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
font-size:100%;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}
reset.css (line 12)
* {
text-shadow:0 0 0 #000000;
}
basic.css (line 11)
Inherited fromul
.featured .animCont .teaser ul, .featured .animCont .teaser ul li {
list-style-type:disc !important;
}
style.css (line 237)
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
reset.css (line 32)
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-size:100%;
}
reset.css (line 12)
* {
text-shadow:0 0 0 #000000;
}
basic.css (line 11)
Inherited fromdiv.teaser
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-size:100%;
}
reset.css (line 12)
* {
text-shadow:0 0 0 #000000;
}
basic.css (line 11)
Inherited fromli.clearfix
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-size:100%;
}
reset.css (line 12)
* {
text-shadow:0 0 0 #000000;
}
basic.css (line 11)
Inherited fromul.animCont
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
reset.css (line 32)
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-size:100%;
}
reset.css (line 12)
* {
text-shadow:0 0 0 #000000;
}
basic.css (line 11)
Inherited fromdiv.featured_container
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-size:100%;
}
reset.css (line 12)
* {
text-shadow:0 0 0 #000000;
}
basic.css (line 11)
Inherited fromdiv.featured
.featured {
color:#E6E6E6;
}
style.css (line 213)
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-size:100%;
}
reset.css (line 12)
* {
text-shadow:0 0 0 #000000;
}
basic.css (line 11)
Inherited fromdiv.container
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-size:100%;
}
reset.css (line 12)
* {
text-shadow:0 0 0 #000000;
}
basic.css (line 11)
Inherited fromdiv#floatswrap.smallftfl
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-size:100%;
}
reset.css (line 12)
* {
text-shadow:0 0 0 #000000;
}
basic.css (line 11)
Inherited fromdiv#pg_wrap
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-size:100%;
}
reset.css (line 12)
* {
text-shadow:0 0 0 #000000;
}
basic.css (line 11)
Inherited frombody.home
html > body {
font-size:14px;
}
basic.css (line 6)
body {
color:#273746;
font-family:Tahoma;
}
style.css (line 76)
body {
font-family:"Helvetica Neue","Lucida Grande",Helvetica,"microsoft sans serif",Arial,Verdana,sans-serif;
font-size:75%;
}
basic.css (line 1)
body {
line-height:1;
}
reset.css (line 29)
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-size:100%;
}
reset.css (line 12)
* {
text-shadow:0 0 0 #000000;
}
basic.css (line 11)
Inherited fromhtml
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-size:100%;
}
reset.css (line 12)
* {
text-shadow:0 0 0 #000000;
}

Answer 1

向margin-left添加一些<li>，它应该有效。

.animCont .teaser ul li { margin-left: 20px; }

Answer 2

我可以通过删除CSS规则的显示属性来显示项目符号，如下所示：

.featured .animCont .teaser ul, .featured .animCont .teaser ul li { /* display: block; */ }

和

.featured .animCont li { /* display: none; */ }

我不确定这是否正是您所需要的，但希望它能帮助您走上正确的道路。

列表样式尽管不重要但不显示列表元素？

2 个答案: