2016-05-24 6 views
-1

私はcssをdivクラスinner divクラスに呼び出そうとしています。私のコードを解決してください?cssをdivクラスのinner divクラスに呼び出す方法は?

HTMLコード:

<div class="underpost_3c_head"> 
    <div class="underpost_3c_head_title">hhh1 </div> 

    <div class="underpost_2nd_page_head_title"> 
     <div class="2nd_page_head_result">hhh</div> 
     <div class="2nd_page_head_result">hhh</div> 
     <div class="2nd_page_head_result">hhh</div> 
     <div class="2nd_page_head_result">hhh</div> 
    </div> 

    <div class="underpost_3rd_page_head_title"> 
     <div class="3rd_page_head_result">hhh</div> 
     <div class="3rd_page_head_result">hhh</div> 
     <div class="3rd_page_head_result">hhh</div> 
     <div class="3rd_page_head_result">hhh</div> 
    </div> 

</div> 

私はすべてのクラスを選択できますか? 私が試してみてください。

.2nd_page_head_result { 
    width: 110px; 
    padding-left:5px; 
} 

div.2nd_page_head_result { 
    padding-left:5px; 
} 

しかし、それは働いていません。これを解決するのを手伝ってください。

+0

クラス名は、CSSでエスケープする必要があります。たとえば、クラスが「2nd」の場合、CSSセレクタは '。\ 32 nd'である必要があります。 –

+0

wogslandありがとうございました –

答えて

0

クラス名やIDを番号で開始することはできません。

.nd_page_head_result { 
 
    width: 110px; 
 
    padding-left: 5px; 
 
    background: wheat; 
 
}
<div class="underpost_3c_head"> 
 
    <div class="underpost_3c_head_title">hhh1</div> 
 

 
    <div class="underpost_2nd_page_head_title"> 
 
    <div class="nd_page_head_result">hhh</div> 
 
    <div class="nd_page_head_result">hhh</div> 
 
    <div class="nd_page_head_result">hhh</div> 
 
    <div class="nd_page_head_result">hhh</div> 
 
    </div> 
 

 
    <div class="underpost_3rd_page_head_title"> 
 
    <div class="3rd_page_head_result">hhh</div> 
 
    <div class="3rd_page_head_result">hhh</div> 
 
    <div class="3rd_page_head_result">hhh</div> 
 
    <div class="3rd_page_head_result">hhh</div> 
 
    </div> 
 

 
</div>

これを回避する方法はありますが、しかし:数字で始まる

[class="3rd_page_head_result"] {color: red;} 

https://benfrain.com/when-and-where-you-can-use-numbers-in-id-and-class-names/

+0

私の意図は、数字で始まらなかったクラス名を使って、彼がそれをやったやりかたとは対照的でした。半分の答えが、むしろ比較とコントラストです。フェア 'ナフ? – gibberish

+0

ありがとうございます.. –

関連する問題