Question

我们如何设置css中列表项下的span类？

我试过如下，但它不起作用

＆＃13;

wrap.error {
  color: #FF0000;
  display: block;
}

＆＃13;

<ol>
  <li>
    <span class='error'>Some error</span>
  </li>
</ol>

＆＃13;

Answer 1

这样的风格

li span.error {
    color:#FF0000;
    display:block;
}

使用代码段检查

＆＃13;

li span.error {
   color:#FF0000;
   display:block;
}

＆＃13;

<ol>
    <li>
      <span class='error'>something here</span>
      <h3>What is the smallest prime number?</h3>
      <input type="radio" name="question0" value="A"<?php echo ($question0=='A')? 'checked':''; ?> />2<br>
      <input type="radio" name="question0" value="B"<?php echo ($question0=='B')? 'checked':''; ?> />1<br>
      <input type="radio" name="question0" value="C"<?php echo ($question0=='C')? 'checked':''; ?> />3<br>
      <input type="radio" name="question0" value="D"<?php echo ($question0=='D')? 'checked':''; ?> />4<br>
    </li>
</ol>

＆＃13;

Answer 2

您在选择器中使用wrap，但我在html代码中看不到它。

像这样改变css样式：

li .error {
    color:#FF0000;
    display:block;
}

＆＃13;

li .error {
    color:#FF0000;
    display:block;
}

＆＃13;

<ol>
  <li>
    <span class='error'>Some error</span>
  </li>
</ol>

＆＃13;

Answer 3

这适用于所有跨度，

＆＃13;

ol li span {
  color: #FF0000;
  display: block;
}

＆＃13;

<ol>
  <li>
    <span class='error'>Some error</span>
  </li>
</ol>

＆＃13;

这仅适用于班级，

＆＃13;

ol li .error {
  color: #FF0000;
  display: block;
}

＆＃13;

<ol>
  <li>
    <span class='error'>Some error</span>
  </li>
</ol>

＆＃13;

按照父母的孩子的顺序。

列表项下的样式跨度类

3 个答案: