1

divクラス「titleleft」で以下の<p>タグを制御できないのはなぜですか

<td align="left" >
                    <div class="pop-posts-image-left">
                            <a href="http://www.livecrafteat.com/live/meal-planning-template/"> 
                                <img src="http://www.livecrafteat.com/wp-content/uploads/2012/08/menu-plan-sidebar-thumbnail-2.jpg" alt="" />  
                            </a>
                           <div class="title left">
                                <p text-align="center">  
                                     This Is An Example Post Title 
                                </p> 
                           </div>  
                     </div>
</td>

代わりに、それは以下によって制御されています:

body, h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6, p, select, textarea {
color: #70635A;
font-family: "Century Gothic",AppleGothic,Arial,sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 22px;
margin: 0;
padding: 0;
text-decoration: none;
}
4

2 に答える 2

2

title leftクラスではありません。それは2つのクラスです:titleleft

次のいずれかを使用して、Pタグにスタイルを適用できます。

.title p {your styles}

または両方、必要に応じて

.title.left p {your styles}
于 2012-08-08T03:46:04.827 に答える
2

現在適用されていない理由は、タグ名によるCSSスタイルが、クラスで定義されたスタイルよりも優先されるためです。

<p>定義したスタイルを使用して、それを:に適用するように指定できます。

.title-left, .title-left p {
    color: #000;    
    font-size: 20px;
}

そしてHTMLで:

<div class="title-left"> 
  <p> This Is An Example Post Title </p>
</div>

または、スタイルをにのみ適用し、 :には適用し<p>ない場合もあります。<div>

.title-left {
    color: #000;    
    font-size: 20px;
}

そしてHTMLで:

<div> 
  <p class="title-left"> This Is An Example Post Title </p>
</div>

ここで変更をテストできます。

于 2012-08-08T03:27:10.957 に答える