1. ホーム
  2. 質問と答え
  3. CSSファイルのすべてのプロパティに！importantを設定するためのショートカットはありますか？

CSSファイルのすべてのプロパティに！importantを設定するためのショートカットはありますか？

2011-10-03 12 views
4

すべてのCSSプロパティに!importantを追加したい大きなCSSファイルがあります。 .cssファイル全体を作るための1行のショートカットはありますか？!important？CSSファイルのすべてのプロパティに！importantを設定するためのショートカットはありますか？

出典

2011-10-03 Randomblue

+2

本当に根本的な問題ですか？私はあなたが[XY問題]（http://meta.stackexchange.com/questions/66377/what-is-the-xy-problem）の犠牲になった可能性があるという疑いを持っています。私が間違っている場合は、私を修正してください:) –

答えて

4

他のスタイルシートをインポートしてスタイルをオーバーライドする場合は、優先順位を使用する必要があります。

<head> 
    <title>Title</title> 
    <link href="style.css" rel="stylesheet" type="text/css" /> 
    <link href="style-override.css" rel="stylesheet" type="text/css" /> 
</head>

ここstyle.cssは、オリジナルであるとstyle-override.cssは、新しいカスタムCSSが含まれています。これらのスタイルは、style.cssのスタイルを上書きします。つまり、スタイルが上書きされるため、!importantを使用する必要はありません。

また、CSSリセットを追加してすべてのスタイルを削除し、その上に構築することもできます。

<head> 
    <title>Title</title> 
    <link href="style.css" rel="stylesheet" type="text/css" /> 
    <link href="reset.css" rel="stylesheet" type="text/css" /> 
    <link href="style-override.css" rel="stylesheet" type="text/css" /> 
</head>

CSSリセットをhttp://meyerweb.com/eric/tools/css/reset/からチェックし、reset.cssに追加してください。

出典

2011-10-03 21:35:08 Kirk

4

また、!importantを使用しないでください。最後の手段である必要があります。 !importantをすべてのCSS宣言に適用することの効果は、各宣言に!importantを追加しないことと同じです。

特定のプロパティを優先する場合は、!importantを追加する代わりに、より具体的なセレクタ（#id）を使用してください。

出典

2011-10-03 21:27:04

2

いいえ！を使用すると、特定の他の方法でしか使用できません。これは、スタイルシート文書全体に適用するためのものではありません。

多くのルールを上書きしようと考えている場合は、上書きしたいルールを含めないだけです。

出典

2011-10-03 21:29:02 amosrivera

0

CSSファイルリンクを最後に参照するように移動することはできないため、その上の他のすべてのCSSファイルよりも優先されますか？

出典

2011-10-03 21:29:07

関連する問題

 関連する問題