html - 将ol的文本涂成红色

Question

我有以下列表：

我想将 ol 列表的元素涂成红色，这就是我所做的：

<ol type="I" style='color: red;'>

  <li>Mathématiques appliquées 1
  <ul> Mathématiques appliquée 1
  <ul>
  <li> Cours:2h </li>
  <li> TD: 1h </li>
  </ul>
  </ul>
  </li>
   
  <ul> Atelier Mathématiques appliquées1
  <ul>
  <li> TP: 1.5h </li> 
  </ul>
  </ul>
  
</ol>

<ol type="I">
<li>Algorithmique et structures de données
  <ul> Algorithmique et structure de données 1
  </ul>
  </li>

这是我将红色添加到 ol 时得到的结果：

标签： htmlcsshtml-lists

Answer 1

我被添加了一个

 ol > li {
color: red
}

ol li ul{
  color: black;
}

ul li {
  color: blue;
}

将颜色更改为文本

例子

ol > li {
color: red
}

ol li ul{
  color: black;
}

ul li {
  color: blue;
}

<ol type="I">
    <li id="li1">Mathématiques appliquées 1</li>
    <ul> Mathématiques appliquée 1<ul>
    <li> Cours:2h </li>
    <li> TD: 1h </li>
    </ul>
    </ul>
    </li>
     
    <ul> Atelier Mathématiques appliquées1
    <ul>
    <li> TP: 1.5h </li> 
    </ul>
    </ul>
    
  </ol>
  
<ol type="I">
  <li id="li1">Algorithmique et structures de données
    <ul> Algorithmique et structure de données 1</ul>
    </li>
</ol>