0

Hello I want to added a pop-up login screen using downloaded code. However the problem is the CSS file that comes with it conflicts with my exiting one.

Is there any way to have a style sheet just apply within a set of div tags or any other method to make this work? thanks.

4

2 に答える 2

0

スタイル シートを div (またはその他の) タグ内にのみ適用することはできませんが、ログイン コードを div 内に配置し、特定の ID (「login」など) を指定してから、すべてのスタイルの前に #login を配置できます。ログインCSSで。これにより、その div 内でのみ適用可能になります。

たとえば、ログイン CSS に次の行があるとします。

form { border: none; }

それは次のようになります。

#login form { border: none; }

...そして、他のすべてのエントリについても同じです。それが私が考えることができる最も簡単な方法です - もちろん、ポップアップに別の HTML ファイルをロードさせて、メインの CSS を含めないようにすることはできないと仮定します。

于 2012-05-27T06:01:11.570 に答える
0

たとえば、継承されたCSSクラスを使用できます-

.newParentClass .theConflictClass{
    /*Override unnecessary CSS properties and use the one you wanted*/
    /*In case if this doesn't work you can fallback to "!important" */
    border: 1px solid #f00 !important;
}
于 2012-05-27T06:06:38.630 に答える