CSSニュービーオーバーライド問題？

Question

私はここで見ることができ、CSSを使ってスタイリングしましたシンプルなログインフォームがあります：このページは、ページ自体の一部として、カスタムCSSを持って

http://www.skoolrox.com/JSON/employee-2.html

を。

ここでは、ヘッダー、3列のレイアウト、およびフッターがあるサンプルページ（http://www.skoolrox.com/JSON/index.html）があります。一番左の列にはjQueryのload（）を使用してhref（この場合はemployee-2.html）の内容を中央の列にロードする一連のリンクがあります。ログインリンクをクリックすると、中央にページが読み込まれます。

私の問題は、ユーザー名/パスワードのテキストが右側にプッシュされ、書式が変更されていることです。メインページ（index.html）には、従業員2.html CSSと競合するCSSがあることは間違いありません。

私の質問は、中間の列にemployee-2.htmlを読み込んで、外側のCSS（index.html）を無視する、または無視するときに可能ですか？

Answer 1

いいえ。CSSはDOMツリーを「ダウン」するように設計されています。 HTMLとCSSの仕様には、「何も継承しない」と言うことはできません。必要なものは後で "復元"する必要があります。

スタイル：

.outer { color: red; font-size: 150%; } 
.middle { color: blue; } 
.inner { } 

HTML：

<div class="outer"> 
    <div class="middle"> 
     <div class="inner">I wanna be red!</div> 
    </div> 
</div> 

あなたが ".middleスタイルを無視して.outer使う" と言うことができますCSSで何もありません。あなたはする必要があります

.inner { color: red; }