2つのCSSファイルをインクルード経由で読み込むと、そのうちの1つが使用されています。もう一つは含まれていないし、私は理由を知らない。2つのCSSファイルがリンクされていますが、1つだけが使用されています。その他は無視されます。
私はすべてのサイトのページに含まれている標準のヘッダーファイルを持っています。以下
例：
<html>
<head>
<link href="css/jquery-ui.css" type="text/css" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
</head>
もちろん、これは簡略化のために、ヘッダの削減バージョンです。お分かりのように、両方のCSSファイルはcssディレクトリ内にあります。メインのCSSファイルだけが認識されています。
いずれかのCSSファイルを読み込めません（おそらく、誤植やサーバーの誤設定のため）。すべてのリソースがブラウザの開発ツールに正しくロードされていることを確認することで、それを検出できます。
もう1つの原因は、自分のスタイルシートがデフォルトのjQuery UIよりも優先されることを暗黙のうちに期待していることかもしれません。そのような場合は、jQuery UIの下で独自のスタイルシートを移動するか、デフォルトのものよりも多くのルールをspecificにします。
This is a simple demo that shows that your example works。
ソリューション：ライブの例では
、あなたはjQueryのUIスタイルシートのためのrel=stylesheetが欠落している：
<link href="css/jquery-ui-1.8.13.custom.css" type="text/css"/>
は
<link href="css/jquery-ui-1.8.13.custom.css" type="text/css" rel="stylesheet" />
タグをリンクするのを忘れたようです。両方のタグが閉じる前にスラッシュ「/」を追加するだけです。
はい申し訳ありませんが、例にはスラッシュがありませんが、実際のコードはこれをpintingしてくれてありがとうございます。私の例を更新します:) – Deviland
あなたがファイル名を誤って綴っている可能性があります。絶対パスを持って、あなたのブラウザでそれらを訪問し、彼らがそこにいるかどうかを試してみてください。 –
ヘッダからmain.cssを削除して、もう1つが認識されているかどうかチェックしましたか？ main.cssをjquery-ui.cssに移動して、順序を入れ替えることもできますか？あなたが提供したコードで問題が見つからない。 –