结构样式中改两个背景颜色

将. list下除了Angular和Vue的背景色设为绿色，将Angular和Vue的背景色设为红色，写出你认为最优化的样式。

• CSs
• JAVASCRIPT
• <1i>HTML
• Angular
• Node
• Vue
• React

<ul class="list">
    <li>CSs</li>
    <li>JAVASCRIPT</li>
    <li>HTML</li>
    <li class="red">Angular</li>
    <li>Node</li>
    <li class="red">Vue</li>
    <li>React</li>
</ul>

.list li{
    background-color: green;
}
.list .red{
    background-color: red;
}

我用的伪类选择器

<ul>
        <li>CSs</li>
        <li>JAVASCRIPT</li>
        <li><1i>HTMLHTML</li>
        <li>Angular</li>
        <li>Node</li>
        <li>Vue</li>
        <li>React</li>
</ul>

ul li {
  background-color: green;
}
ul li:nth-of-type(2n+4) {
  background-color: red;
}