私のテーブルスタイルをオーバーライドするユーザーエージェントStyleSheet？ Twitter Bootstrap
https://stackoverflow.com/questions/9308234
-
25-10-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian質問
Twitter Bootstrapを使用しています。私の問題は、テーブルのフォントサイズが間違っていることです。何らかの理由で、ユーザーエージェントStyleSheetはブートストラップテーブルスタイルをオーバーライドしています。
Twitterブートストラップページ（http://twitter.github.com/bootstrap/base-css.html）もちろん、すべてが正しく機能しています。
私の検査官では、次の違いがわかります。
私のページ：
Twitter Bootstrapページ：
したがって、間違いなく問題は、ユーザーエージェントStyleSheetがブートストラップスタイルをオーバーライドしていることです。
これが私のページとTwitterブートストラップページでなぜ違うのかを理解することができませんでした。
他のCSSのほとんどは正常に動作しています。
私のCSSインポート：
<link href="/media/bootstrap/css/bootstrap.css" rel= "stylesheet">
TwitterブートストラップページでのCSSインポート：
<link href="assets/css/bootstrap.css" rel="stylesheet">
解決
私は実際にこれを自分で理解しました。私は持っていました <!DOCTYPE html> 誤って書かれたタグ。したがって、この問題がある場合は、Doctype宣言が正しいことを確認してください！
他のヒント
docs.cssもアプリケーションにインポートしてください。私がそう言わなければならないなら、あなたはそれを認識したに違いありません Twitter Bootstrapドキュメント bootstrap.cssとカスタムdocs.cssを使用しています。 GitHubパッケージからダウンロードできることを試してみてください。次に、ドキュメントのテーブルクラスを回ってみてください。マスターCSSをいじることなくCSS。または、ヘッダーにDoctypeを追加してみてください。
<link href="/media/bootstrap/css/docs.css" rel= "stylesheet">
宣言する場合 <!DOCTYPE html> 最初はうまくいきませんが、おそらくユーザーエージェントスタイルシートではないでしょう。それはあなたのスタイルを上書きするブートストラップのスタイルシートかもしれません（私はこの問題を抱えていました）。スタイルシートがリンクされていることを確認してください 後 HTMLのBootstrapのスタイルシート。
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/mystylesheet.css" rel="stylesheet"> <!-- Your custom style sheet goes after Bootstrap's -->
OPと同じ問題がありました。私は素敵な小さなテキストが欲しかったので、いくつかのユーザーStyleSheetがそれを乗り越えてパッティングしていました：
font-size: medium;
欲しかったとき：
font-size:8pt;
HTMLページの上部に次のものを配置しました。
<!DOCTYPE html>
その時はすべて良かったので、Doctypeを上部に宣言しないようにするのは悪い習慣でした。すべてのユーザースタイルシートがなくなりました。
CSSで何がオーバーライドしているかを発見するには、要素を検査することは常に良い考えです（F12）。正しくなるまで、その場で属性を変更して、CSSファイルを更新できます。
ただし、ユーザーStyleSheetの問題がある場合、これらの値はロックされます。
CSSがネットワーク列の下のブラウザDEVツール（Press F12）で呼び出されているかどうかを確認してください。
呼び出されていない場合は、スタイルシートを使用して1 rel="stylesheet" type="text/css".
それは私のために働いた。
