HTML/CSS

[HTML/CSS]CSS、jQueryの読み込み順序の注意点

結論を先に書くと、*.cssを先に、*.jsを後に読み込むようにします

*.jsを先に、*.cssを後に読み込んだ場合、
例えば、jquery.customSelect.jsは正常に動かなくなります

Google Chrome環境のみで以下の不具合が発生します（IE11、Firefoxに問題は起きません）
セレクトボックスの幅が想定よりも長くなり、選択できる部分にズレが生じる（▼マークを押してもプルダウンできない状態）
F5を押して再読み込みすると直ることがある

*.cssを先に、*.jsを後に読み込むことで解決します。

 

[確認環境]
Windows 7 SP1 64bit
Firefox 38.0.5
Google Chrome 44.0
IE 11.0