Таблица стилей агента пользователя, переопределяющая мой стиль таблицы? Щебетать

Я использую twitter bootstrap. Моя проблема в том, что размер шрифта в таблицах неверен. По какой-то причине таблица стилей User Agent переопределяет стили таблицы начальной загрузки.

На странице загрузки twitter (http://twitter.github.com/bootstrap/base-css.html) все, конечно, работает правильно.

В моем инспекторе я вижу следующее различие:

Моя страница:

CSS style for my page

Страница загрузки twitter:

CSS style for twitter bootstrap page

Поэтому определенно проблема заключается в том, что таблица стилей пользовательского агента переопределяет стили бутстрапа.

Мне не удалось понять, почему это происходит на моей странице и на странице загрузки twitter.

Большинство других CSS работает нормально.

Мой импорт css:

<link href="/media/bootstrap/css/bootstrap.css" rel= "stylesheet">

Импорт CSS на страницу начальной загрузки twitter:

<link href="assets/css/bootstrap.css" rel="stylesheet">

Ответ 1

Я сам это понял. Я неправильно написал тег <!DOCTYPE html>. Поэтому, если у вас есть эта проблема, убедитесь, что объявление doctype верно!

Ответ 2

Пожалуйста, импортируйте файл docs.css в свое приложение. Если я должен так сказать, вы должны были понять, что Twitter Bootstrap Docs используют bootstrap.css и пользовательский docs.css. Попробуйте сделать, которую вы можете скачать из пакета github. Затем попробуйте поиграть с классами таблиц в документах. css без возиться с мастером css. Или попробуйте добавить DOCTYPE в заголовки.

<link href="/media/bootstrap/css/docs.css" rel= "stylesheet">

Ответ 3

Если объявление <!DOCTYPE html> в самом начале не работает, то это, вероятно, не ваша таблица стилей пользователя и агента, вызывающая ее. Это может быть таблица стиля Bootstrap, переопределяющая ваши стили (у меня была эта проблема). Убедитесь, что таблица стилей связана с таблицей стилей Bootstrap в вашем HTML.

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/mystylesheet.css" rel="stylesheet"> <!-- Your custom style sheet goes after Bootstrap -->

Ответ 4

У меня была такая же проблема, как и у OP. Мне нужен прекрасный небольшой текст, а некоторые стили стилей пользователя его преодолевали и помещали:

font-size: medium;

Когда я захотел:

font-size:8pt;

Я разместил следующее в верхней части моей HTML-страницы:

<!DOCTYPE html>

Тогда все было хорошо, плохая привычка вступать, чтобы не объявлять doctype наверху. Все таблицы стилей пользователей теперь исчезли.

Чтобы узнать, что переопределяет то, что на вашем CSS, всегда рекомендуется проверять элемент (F12), и вы можете изменять и отключать атрибуты "на лету" до тех пор, пока вы не добьетесь права, а затем обновите свой CSS файл!

Однако, если у вас есть проблема с таблицей стилей пользователя, эти значения будут заблокированы.

Ответ 5

Проверьте, вызван ли ваш CSS или нет в инструментах браузера dev (нажмите F12) в столбце сети.

Если он не вызывается, используйте таблицы стилей с 1 rel="stylesheet" type="text/css".

Это сработало для меня.