如何将 css 应用到元素的内部级别？

Question

假设有多个 div 标签，并且如果最内层有一个元素，那么我如何访问该元素或为该元素声明 css？

<div class="...">
     <div class="...">
          <div class="...">
               .....
                   <div class="...">
                           <p>element</p>
                   </div>
               .....
          </div>
     </div>
</div> 

如何<p>在单独的 css 文件中访问该元素或为其设置背景图像？

Answer 1

这取决于您想要的样式的具体程度，例如您是否有：

<div class="page">
  <div class="content">
    <div class="some-container">
      <p class="description">Lorem Ipsum</p>
    </div>
  </div>
</div>

您可以<p>根据需要将样式设置为通用/特定：

p
{
   color:red; /* Affects all p */
}

p.description
{
   color:blue; /* Affects all p with class description */
}

.some-container p
{
   color:black; /* Affects all p that is a descendant of an element with some-container class */

}
.page .content .some-container p.description
{
    color:white; /* You get the idea */
}