pタグはすでに1ページ分のスタイルが設定されていますが、別のページ用に別のスタイルにしたい

Question

私のホームページには、ホバー効果のある画像があり、Pタグでスタイリングされた文字が表示されます。

しかし、私のページについては、テキストを追加してPを使用して分割しようとしていますが、ホームページ用のPスタイルを既に持っているため、約ページのP要素がホームページ用のスタイリングをとっています。

私はabout.htmlでPのクラスを追加しようとしましたが、うまくいきませんでした。

どのように私はスタイリングの2つの異なるタイプのPタグを持つことができます任意のアイデア？

about.htmlのテキストを表示することもできません。

相続人のindex.html

p { 
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; 
    color: white; 
    font-family: helvetica, arial, sans-serif; 
    font-size: 18px; 
    height: 100%; 
    left: 0; 
    line-height: 1.5em; 
    padding-left: 10px; 
    padding-right: 5px; 
    padding-top: 15%; 
    position: absolute; 
    top: 100%; 
    transition: all 1s ease 0s; 
    width: 97%; 
} 
p .heading { 
    color: #FFD829; 
    display: block; 
    font-size: 24px; 
    padding-bottom: 15px; 
} 

p a { 
    text-decoration: none; 
    color: #FFD829; 
} 
p img { 
    padding-left: 40px; 
    padding-top: 20px; 
} 
p iframe { 
    padding-left: 10%; 
} 

Answer 1

のための私のコードは、ちょうどあなたのabout.htmlページから<link type="text/css" rel="stylesheet" href="style.css">を削除します。そして、後にP定義が追加されました。

Answer 2

1）2クラス

p.home 

p.about 

2を作成します）あなたは2は、あなたが期待する何を意味してい!important

Answer 3

を使用して、以前適用されるスタイルを上書きすることができます。 あなたは、いくつかのpタグを変更したい場合同じデザインでこれらのpタグすべてをクラスに追加してから、スタイルタグまたは外部スタイルシートデザインにタグを別々に追加することができます。

あなたのabout.htmlのサンプルのため

<p class="newStyle"></p> 

あなたのCSSの

.newStyle { 
    //your attributes 
} 

あなたが唯一のpタグのための別の設計をしたい場合は、この上のid属性を使用することができますし、デザインは意志このpタグのみに適用してください（あなたのIDはあなたのページで一意でなければなりません）。

html

<p id="newStyle"></p> 

CSS：あなたは、あなたのhtml内のスタイルタグを使用している場合

#newStyle { 
     //your attributes 
    } 

あなたは、あなたがそれで何の問題がないことを確認するためにW3Cのバリデータを使用してページを検証することができます。 https://validator.w3.org/#validate_by_input

外部のスタイルシートを使用している場合は、ページにlinkタグを付けてください。

これはCSSバリデーター 内側頭からhttps://jigsaw.w3.org/css-validator/