私は非常に奇妙な問題があります。私はCSSスタイルシートでは分かりません。私は2つのスタイルシートを持っています.1つはcdnから、1つは縮小され、次に私のローカルのdevサーバ上のindex.html(ローカル)に注入されます。だから、ちょうど上のそれ自身のハッシュとそのスタイルシートを置くことをgrunt-cssmin
とgrunt-injector
でイサキのタスクを使用しているCSSオーバーライド、最初にロードされたスタイルシート
<link rel="stylesheet" href="myCDNStyleSheet.css">
<!-- injector:css -->
<link rel="stylesheet" href="css/localMinifiedStyles.css?1474574347809">
<!-- endinjector -->
:だからクイックリファレンスのために、私のヘッダに私はこのような何かを持っています。
今奇妙な何がmyCDNStyleSheet
が最初にロードされたにも関わらず、である、それからいくつかのスタイルはlocalMinifiedStyles
のスタイルの上にprecentを取っている、とそう現在、私は「localMinifiedStyles」内のスタイルにいくつかの!important
を入れて持っていました、それは私には非常に奇妙です。
だから私は何を意味するか、スーパー明確にするためには、次のとおりです。
myCDNStyleSheet.css
があります
.styleMe {
margin-left: 5px
}
とlocalMinifiedStyles.css
があります
.styleThis {
margin-left: 12px
}
など探してレンダリングされたHTML:
<div class="styleMe styleThis">
は12の代わりにmargin-left: 5px
を使用しています。私はその両方を検査官で見ることができます。
ロード順序を入れ替えても問題は解決されません。実際には、localMinifiedStyles
のスタイルが優先されています。
chrome devtoolsのスタイルを調べても、私はlocalMinifiedStyles
がprecentを取っているスタイルの下にあるのを見ます。私はこれの原因を理解することができません、私は気づいていない何かをしゃがんだ注射が可能ですか?これまでCSSを使って作業していた私の前提は、最後に読み込まれたスタイルシートが優先され、ここで何か不足していますか?
のdevのツールを見なければ、それはテストを行うことは困難です。私はあなたがすでに試したことを聞いていると確信していますが、後でスタイルシートでCSSをチェックしようとしましたが、あなたはそれについて知りませんでしたか? – RouthMedia
2番目のスタイルをより正確にしようとしましたか?たとえば、単に.styleThis => div.styleThisの代わりに? –
これを行うサイトにリンクできますか?私はこれをシミュレートする[fiddle](https://jsfiddle.net/MrLister/r3cq5xgt/)を作ったが、あなたが記述したように動作させることはできない。 –