Я'м в Лондоне работает над приложением, и HTML и CSS парень в Нью-Йорке. Он'ы присылать мне ежедневные обновления по электронной почте, так как у нас нет источника контроля, установленной, что мы сможем использовать, Я'м постоянно делая небольшие изменения в CSS, так что каждый раз я получаю новый файл от него, мне придется применить все изменения к нему, и очевидно, что чем больше я делаю, тем больше времени это займет каждое время.
У меня была идея сделать свой индивидуальный стиль, но есть ли способ, чтобы сообщить браузеру, чтобы дать мой sylesheet более высокий приоритет и перезаписать любой из его стилей, которые имеют то же имя класса и атрибуты?
Это вовсе'т собираюсь быть общественное место, так что мы'повторно только собираюсь поддерживать последние версии браузеров.
Это зависит от того, как вы установите их в свой заголовок. Что-то вроде этого будет работать:
<link rel="old stylesheet" href="path/to/style.css" />
<link rel="newer stylesheet" href="path/to/style.css" />
<link rel="newest stylesheet" href="path/to/style.css" />
Последний будет забрать.
И полезная ссылка про стили здесь: http://www.w3.org/TR/html401/present/styles.html#h-14.3.2
См. также: приоритет в CSS, если выше не't работа для вас.
Надеюсь, это понятно.
Я лично категорически не использовать !важно. Узнайте, что'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 писал.
Правила CSS применяются последовательно. Итак, все, что вам нужно сделать, это включить ваш CSS последней, после всех остальных.
Правила CSS являются последовательными, вам необходимо сделать две вещи на ваши HTML-файлы
Например: позиция : абсолютная !важно;
что должно служить своей цели
Где-то я читал, что это не о том, что CSS-файл вызывается до или после, но на самом деле, который загружается первым. Например, если ваш первый CSS-файл достаточно длинный, чтобы держать нагрузки, а под (что по основной теории должны иметь более высокий приоритет) уже загружен, эти строки загружается после того, как будет иметь более высокий приоритет. Это's хитрый, но мы должны знать это! Техника со спецификой звучит правдоподобно. Поэтому более конкретные (#someid .someclass див, а не .someclass дел) с более высоким приоритетом.
Я нашел пост здесь на сайте StackOverflow. Я думал, что это может помочь вам.
https://stackoverflow.com/questions/3572613/an-efficient-way-to-merge-2-large-css-files
Если вы ищете, чтобы действительно объединить ваши файлы, то это будет полезно, я думаю.
Указания CSS в более конкретный способ также поможет вам.
как:
td.classname{}
table.classname{}
Работает это так:
<link rel="stylesheet" type="text/css" href="first-style.css">
<link rel="stylesheet" type="text/css" href="second-style.css">
второй-стиль.Усс:
@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;
}
Я надеюсь, что это помогает!
Я использую приоритетное правило CSS, как показано ниже:
Первое правило, как встроенный CSS с HTML, который будет Мардж любого типа УСБ.
Второе правило, как использование сайта !важное значение в CSS декларации после стоимости.
Третье правило, как и заголовок HTML таблицы стилей приоритетом заказа (основной файл CSS после пользовательских стилей CSS).
В основном пользователь хочет использовать третье правило также хотите Мардж начальной загрузки CSS пользовательские CSS, пример ниже:
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- App Custom CSS -->
<link rel="stylesheet" href="assets/css/custom-style.css">