CSSで複数の親の中にネストされた要素を選択する

Question

どのようにしてp要素を以下から取得できますか？私はこの特定のpタグのカラープロパティ（基本的にnoneまたはその程度に設定する）をリセットしようとしています。どんな助けもありがとうございます。

<div class="a"> 
    <ul class="b"> 
    <li class="c"> 
     <p> 
     <a class="d" href="#"> my text </a> 
     </p> 
    </li> 
    </ul> 
</div> 

Answer 1

.a ul.b li.c p { 
    color: //some color 
} 

が、デフォルトで aは

.a ul.b li.c p a { 
    color: //some color 
} 

は、あなたがそれをホバーで色を変更しないようにしたい場合は、その変更と集中する、青色を持つことになります、その後

.a ul.b li.c p a, .a ul.b li.c p a:hover, .a ul.b li.c p a:focus { 
     color: //some color 
    } 

Answer 2

.c > p行うでしょう

そこマルチpタグがあり、あなたはnは、マークアップでp要素の数である、あなたが.c > p:nth-of-type(n)を使用することができ、特定の1

をターゲットにしたい場合を除きます。

body { 
 
    color: green 
 
} 
 

 
.c>p { 
 
    color: red 
 
} 
 

 
.c>p:nth-of-type(2) { 
 
    color: blue 
 
}

<div class="a"> 
 
    Class .a 
 
    <ul class="b"> 
 
    Class .b 
 
    <li class="c"> 
 
     <p> 
 
     first Class .c 
 
     <a class="d" href="#"> link in first class .c </a> 
 
     </p> 
 
     <p> 
 
     second Class .c 
 
     <a class="d" href="#"> link in second class .c </a> 
 
     </p> 
 
    </li> 
 
    </ul> 
 
</div>