Может один CSS-файл имеет приоритет над другой CSS-файл?

Я'м в Лондоне работает над приложением, и HTML и CSS парень в Нью-Йорке. Он'ы присылать мне ежедневные обновления по электронной почте, так как у нас нет источника контроля, установленной, что мы сможем использовать, Я'м постоянно делая небольшие изменения в CSS, так что каждый раз я получаю новый файл от него, мне придется применить все изменения к нему, и очевидно, что чем больше я делаю, тем больше времени это займет каждое время.

У меня была идея сделать свой индивидуальный стиль, но есть ли способ, чтобы сообщить браузеру, чтобы дать мой sylesheet более высокий приоритет и перезаписать любой из его стилей, которые имеют то же имя класса и атрибуты?

Это вовсе'т собираюсь быть общественное место, так что мы'повторно только собираюсь поддерживать последние версии браузеров.

BoltClock
Редактировал вопрос 4-го июня 2013 в 12:18
Программирование
stylesheet css
4-го июня 2013 в 8:32
15 просмотров
Комментарии к вопросу (4)
Решение

Это зависит от того, как вы установите их в свой заголовок. Что-то вроде этого будет работать:

Последний будет забрать.

И полезная ссылка про стили здесь: http://www.w3.org/TR/html401/present/styles.html#h-14.3.2

См. также: приоритет в CSS, если выше не't работа для вас.

Надеюсь, это понятно.

Community
Редактировал ответ 23-го мая 2017 в 10:31
Комментарии (7)

Я лично категорически не использовать !важно. Узнайте, что's действительно важный от ЗДЕСЬ.

Вы должны знать:

.some-class .some-div a {
    color:red;
}

Это всегда важнее, чем (порядок внешний вид не имеет значения в данном случае):

.some-class a {
    color:blue;
}

Если у вас есть (два объявления с одинаковым уровнем):

.some-class .some-div a {
    color:red;
}

.some-class .some-div a {
    color:blue;
}

Использовать позже декларации. То же самое, когда дело доходит до файлов, включенных в тег head, как @Кеса Sonnema писал.

Комментарии (2)

Правила CSS применяются последовательно. Итак, все, что вам нужно сделать, это включить ваш CSS последней, после всех остальных.

Комментарии (2)

Правила CSS являются последовательными, вам необходимо сделать две вещи на ваши HTML-файлы

  1. Включать вашу CSS в качестве последнего фрагмента
  2. Добавить !важно для всех атрибутов CSS в свой CSS-файл Например: позиция : абсолютная !важно;

что должно служить своей цели

Varun
Редактировал ответ 4-го июня 2013 в 8:42
Комментарии (3)

Где-то я читал, что это не о том, что CSS-файл вызывается до или после, но на самом деле, который загружается первым. Например, если ваш первый CSS-файл достаточно длинный, чтобы держать нагрузки, а под (что по основной теории должны иметь более высокий приоритет) уже загружен, эти строки загружается после того, как будет иметь более высокий приоритет. Это's хитрый, но мы должны знать это! Техника со спецификой звучит правдоподобно. Поэтому более конкретные (#someid .someclass див, а не .someclass дел) с более высоким приоритетом.

Комментарии (0)

Я нашел пост здесь на сайте StackOverflow. Я думал, что это может помочь вам.

https://stackoverflow.com/questions/3572613/an-efficient-way-to-merge-2-large-css-files

Если вы ищете, чтобы действительно объединить ваши файлы, то это будет полезно, я думаю.

Указания CSS в более конкретный способ также поможет вам.

как:

td.classname{}
table.classname{}
Community
Редактировал ответ 23-го мая 2017 в 11:54
Комментарии (0)

Работает это так:

второй-стиль.Усс:

@import 'third-style.css';

Последний импортированный стиль является одним, что все правила придерживаться. Например:

первый-стиль.Усс:

body{
    size:200%;
    color:red;
}

второй-стиль.Усс:

@import 'third-style.css';
p{
    color:red;
}

третье-стиль.Усс:

p{
    color:green;
    size:10%
}

Получившиеся стили будут:

body{
    size:200%;
    color:red;
}
p{
    color:green;
    size:10%

Примечание: Если вы добавляете !важные правила, это'ы различных. Например:

первый-стиль.Усс:

body{
    size:200% !important;
    color:red !important;
}

второй-стиль.Усс:

@import 'third-style.css';
p{
    color:red;
}

третье-стиль.Усс:

p{
    color:green;
    size:10%
}

Результат будет такой:

body{
    size:200% !important;
    color:red !important;
}

Я надеюсь, что это помогает!

Комментарии (1)

Я использую приоритетное правило CSS, как показано ниже:

  1. Первое правило, как встроенный CSS с HTML, который будет Мардж любого типа УСБ.

  2. Второе правило, как использование сайта !важное значение в CSS декларации после стоимости.

  3. Третье правило, как и заголовок HTML таблицы стилей приоритетом заказа (основной файл CSS после пользовательских стилей CSS).

В основном пользователь хочет использовать третье правило также хотите Мардж начальной загрузки CSS пользовательские CSS, пример ниже:
Комментарии (0)