将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 中添加红色时得到的结果：

Answer 1

<style>
    #li1{
        color: red;
    }
</style>

将此放入您的 <head>。这在你的 <body>

<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>

Answer 2

我加了一个

 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>

将ol的文字涂成红色

Color the text of ol in red

html

css

html-lists