Question

我有一个查询结果列表。该列表将显示如下：

<div id='tabs'><ul>
  <div class = 'info'>
    <li>addr = "+detail[3]+"</li>
    <li>Interface = "+detail[0]+"</li>
    <li>time = "+detail[1]+"</li>
    <li>name = "+detail[2]+"</li>
  </div>
</ul>

我的CSS：

.Redli
{ 
   list-style-position: outside;
   list-style-image:url("img/liimg3.gif"); 
}


.redmarkerinfo
{
   font-size:16px;
   font-weight:600;
   width:inherit;
   height:150;
   text-align:left;
   line-height: 24px;　　
   padding-top: 20px; 
   padding-bottom: 20px; 
   color:#333;
   background-color:#ffffff;
   font-family:"Times New Roman", Times, serif;
}

问题是我的Redli规则无法工作???有人可以解释为什么吗？

Answer 1

您必须使用ul标签开始列表并将Redli类指定给它

<ul class="Redli">
<li>..</li>
::
</ul>

Answer 2

据我所知，你不能在这样的UL中加入div，试试这个：

<div id='tabs'>
  <div class='info'>
     <ul>
       <li class="Redli">addr = "+detail[3]+"</li>
       <li class="Redli">Interface = "+detail[0]+"</li>
       <li class="Redli">time = "+detail[1]+"</li>
       <li class="Redli">name = "+detail[2]+"</li>
     </ul>
  </div>
</div>

Answer 3

请勿在{{1}}之前加<ul>。最好将其放在<div>

之后放置class

这是我的代码：

<ul>

如何在LI中为DIV设置CSS规则？

3 个答案: