时间戳

首页 > 解决方案 > 如何仅将css添加到前3个无序列表而不是有序列表？

html - 如何仅将css添加到前3个无序列表而不是有序列表？

问题描述

假设有如下html代码

<ul>
   <li>one</li>
   <li>Two</li>
   <li>Three</li>
   <ol>
       <li>3.14</li>
    </ol>
</ul>

我想将前三个无序列表的文本颜色更改为红色，而不是使用 css 对有序列表进行任何更改。

标签： htmlcsslistwebfrontend

解决方案

创建 2 个文件

索引.html

  <head>
    <link rel="stylesheet" type="text/css" href="style.css">
   <ul class="i">
   <li>one</li>
   <li>Two</li>
   <li>Three</li>
   </ul>

   <ol>
   <li>3.14</li>
</ol>

样式.css

.i{
    color: red;
}

推荐阅读