В каком порядке переопределяются таблицы стилей CSS?

Question

В каком порядке переопределяются таблицы стилей CSS?

Принятый ответ Бобинса - это короткое портативное решение. Если вам нужно не только добавлять SVG, но и манипулировать им, вы можете попробовать библиотеку JavaScript «Pablo» (я ее написал). Он будет хорошо знаком с пользователями jQuery.

Пример вашего кода выглядел бы так:

$(document).ready(function(){
    Pablo("svg").append('');
});

Вы также можете создавать элементы SVG «на лету» без указания разметки:

var circle = Pablo.circle({
    cx:100,
    cy:50,
    r:40
}).appendTo('svg');

146

stylesheet overriding css

задан Kaspar Lee 16 December 2015 в 13:25

1 ответ

Другие вопросы по тегам:
stylesheet overriding css

Похожие вопросы:

55
Почему бы не использовать таблицы для разметки в HTML? [закрыто] - 6 November 2018 00:07

36
Как сделать div не больше его содержимого? - 20 September 2015 12:27

30
Установить высоту div в% не работает [дублировать] - 15 July 2015 15:37

30
читать и отображать данные из базы данных в файл excel [дубликат] - 12 March 2018 02:52

30
Установите переменную длину текста на фиксированную ширину контейнера с помощью CSS и без JavaScript [duplicate] - 30 June 2016 03:39

30
Использование ширины видовых экранов для размера шрифта, как я могу убедиться, что они относятся к родительскому контейнеру, а не к окну просмотра? [Дубликат] - 30 June 2016 03:39

30
Высота Div, рассчитанная на 100% от оставшейся высоты [дубликат] - 15 July 2015 15:37

score 0 · Answer 1

Это каскад , который определяет приоритет объявлений. Я могу рекомендовать официальную спецификацию; эта часть его хорошо читаема.

https://www.w3.org/TR/css-cascade-3/#cascading

следующее имеют эффект на сортировку, в порядке убывания приоритета.

комбинация А [1 148] источник, и важность:

Transition объявления

Пользователь agentвЂ™s объявления отметил с !important

объявления UserвЂ™s, отмеченные с !important

Page authorвЂ™s объявления, отмеченные с !important
<литий> Определения на элементе с style атрибут <литий> определения Всего документа объявления

Animation

Page authorвЂ™s объявления
<литий> Определения на элементе с style атрибут <литий> определения Всего документа объявления

UserвЂ™s

Пользователь agentвЂ™s объявления

, Если два объявления имеют тот же источник и важность, specifity, значение, как ясно элемент определяется, играет роль, вычисляя выигрыш.

100 точек для каждого идентификатора (#x34y)

10 точек для каждой точки класса (.level)

1 для каждой точки типа (li)

1 элемента для каждого псевдоэлемента (:hover), исключая [1 111]

, Например, селектор main li + .red.red:not(:active) p > * имеет specifity 24.

порядок появления только играет роль, если два определения имеют тот же источник, важность и специфику. Более поздние определения предшествуют более ранним определениям в документе (включая импорт).