Question

CSS：

.about dt { 
list-style-type:none;
font-weight:bold;

}
.about dd { 
list-style-type: disc;
list-style-position: outside;
margin-left: 0px;
padding-left: 30px;
}

和html

<dl class="about">
    <dt>Current topics and titles </dt>
    <dd>Fulfilling community residents&rsquo; appetite for information about 
    popular cultural and social trends and their desires for satisfying 
    recreational experiences</dd>
...

我想在DD之前播放一张光盘，但它不会出现在Chrome或IE中。我做错了什么想法？谢谢！

Answer 1

您还可以使用CSS中的:before伪元素在每个<dd>之前插入项目符号字符，或者使用子弹上的背景图像，这也会使其成为跨浏览器as：所有浏览器都不支持。

Answer 2

我认为list-style-type适用于ul/ol/li（列表）。而不是定义标签。

您应该重写语法以使用列表，或者在定义的前面添加•（•）。

Answer 3

我同意Stagas，在你的def <dd>上使用背景图片。名单。您不希望在标记本身添加特殊字符...请记住，将内容与演示文稿分开。在IE 7及更早版本中，伪元素不会呈现。

Answer 4

这是一个stagas'方法的演示：

http://jsfiddle.net/snifty/eLXyu/1/

.about dt:before {
  content: "\25CF";
  font-size:x-large;
  color:maroon;    
}

.about dt {
  font-weight:bold;
}
.about dd {
  margin-left: 0px;
  padding-left: 30px;
}

我使用特定的Unicode字符来模拟磁盘。伪元素是way fun。

定义列表光盘未显示

4 个答案: