html - 如何为类(class)中的类(class)设置css？

Question

使用此 HTML 代码。

<div class="noote">
    <p class="first admonition-title">Noote</p>
    <p class="last">Let's noote.</p>
</div>

如何用css设置Note的颜色为红色？我的意思是，如何使用 css 在其下设置 (div class="noote") 和 (p class="first") 的内容？

Answer 1

试试这个:

/*this will apply for the element with class first 
inside the element with class noot */

.noote .first{    
    color:red;
}

/* If you wanted to apply a rule for both individually
you can do: */

.noote, .first{    
    border:1px solid red;
}