Bootstrap CSS не переопределяется?

Question

Bootstrap CSS не переопределяется?

0

Я использую Bootstrap CSS на моем сайте и загружаюсь в элемент <head>. Чуть ниже я загружаю boostrap. У меня есть элемент <style> где я пытаюсь переопределить некоторый CSS из начальной загрузки, но это не переопределяет его, когда я смотрю на Chrome Dev Inspector. Я думал, что элементы в элементе должны каскадировать предыдущие?

<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <title>Women Transit</title>
        <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.min.css" type="text/javascript" />-->
        <link rel="stylesheet" href="/CS483-Final/content/bootstrap/css/bootstrap-responsive.css" type="text/css" />
        <link rel="stylesheet" href="/CS483-Final/content/bootstrap/css/bootstrap.css" type="text/css" />

        <style type="text/css">
            /* Global elements */
            input {
               height:30px;
               padding:8px;
            }
         </style>
</head>

Matt Hintzke 16 апр. 2014, в 08:05

Источник

0

Можете ли вы показать свою HTML-разметку?
Felix 16 апр. 2014, в 05:18

Теги:

html

css

html5

1 ответ

Ещё вопросы

Можете ли вы показать свою HTML-разметку?

bjb568 · Accepted Answer · 2014-04-16T02-34-00.000Z

Вы, наверное, хотите !important.

input {
    height: 30px !important;
    padding: 8px !important;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

Специфика - это способ, с помощью которого браузер решает, какие значения свойств наиболее важны для элемента и может применяться. Специфика основана только на правилах сопоставления, состоящих из селекторов разного рода.

Важный:

Когда в объявлении стиля используется важное правило, это объявление переопределяет любое другое объявление, сделанное в CSS, где бы оно ни находилось в списке объявлений. Хотя, важно не имеет ничего общего со спецификой. Использование! Важно, это плохая практика, потому что она делает отладку трудной, так как вы нарушаете естественное каскадирование в ваших таблицах стилей.

Итак, самый !important способ переопределить стили, потому что он более "специфичен", чем другие стили. Обратите внимание, что переопределение стилей - очень плохая практика, особенно !important

Фактическое решение: не переопределять стили.

Using !important is bad practice because it makes debugging hard since you break the natural cascading in your stylesheets.
Я знаю это. Но вопрос OP - это переопределение стилей, так что даже если это плохая практика, это вопрос.
Это может быть отменено без использования !important . Я почти уверен в этом.
Да да Но важным является самый простой способ, и использование других вещей может быть не конкретным в некоторых случаях. Вы можете быть уверены, что важный переопределит (и можете быть уверены, что не уверены в других менее специфических способах), и важно сделать это специально для этой работы.