共通のクラスを共有する複数のページのCSSを変更する

自分のウェブサイトで2/6ページのパディングを変更したいのですが、ウェブサイトのコンテンツ部門は同じCSSを使用しています。すべてのコンテンツdivのidであり、それらのすべてに対して個別のCSSを作成します。これを行う簡単な方法はありますか？共通のクラスを共有する複数のページのCSSを変更する

2017-10-12 Repub619

javascriptを使用してください。 – EgMusic

いいえ、javascriptは使用しないでください。あなたの要素に別のクラスを追加するだけです。また将来：https://smacss.com/ – lumio

html/body /他の共通の祖先要素にIDやクラスを与え、それを使って子孫の書式を異なるようにします。 – CBroe

新しいクラスを作成し、変更する場所にのみ適用することができます。

.pad-class{ 
    padding:5px; 
} 

<div class="other-class pad-class"></div>

クラスを最後に配置すると、新しいクラスが最初のクラスを上書きすることができます。

2017-10-12 17:43:51

修正したいページの<body>タグに特定のクラスを適用するだけです。次に、そのクラスのCSSルールを書くことができます。

HTML（通常ページ）

<body> 
    ... 
</body>

HTML（別のパディングページ）

<body class="different-padding"> 
    ... 
</body>

CSS

<style> 
body { padding: 10px; } 
body.different-padding { padding: 20px; } 
</style>

2017-10-12 17:44:53

<div class="first second"></div>

あなたが保つ他のパディングを変更する2番目の挿入単一クラスのみさらに参照：Using two CSS classes on one element

インラインでスタイリングを使用することもできます。 divの数は少ない

2017-10-12 17:47:43

答えて