CSS применяет селектор типа к другому элементу
Итак, вот мой вариант использования: у меня есть несколько заголовков в старом приложении, которое я восстанавливаю, но они вышли из строя. Пытаясь быть совместимым с 508, я пытаюсь изменить заголовки на инкрементные (поэтому меняю первый заголовок с h3 на h1, второй с h3 на h2 и т. д.).
Теперь заголовки использовались как селектор для правил CSS. Поскольку правила применяются во всем приложении, я бы предпочел не изменять их. Поэтому у меня вопрос: могу ли я применить правила CSS от одного типа заголовка к другому? Например, могу ли я конкретный h1 использовать правила h3 css как класс?
Я редактировал, мои заголовки читались как код.
Я думаю, он имеет в виду, может ли он по-прежнему каким-то образом использовать стандартный стиль h3 для своих заголовков h3, которые теперь называются h1 (поэтому ему нужен заголовок h1 со стилем h3). Без ручной установки всех правил для разных заголовков.
Нет, то, чего вы хотите, можно достичь только с помощью классов css.
Могу ли я создать класс, который применяет существующие правила? как класс под названием h3rules, который просто применяет все правила, используемые к элементам h3?
Добавьте существующую разметку и стили к вопросу.
Ответы 1
Это невозможно с использованием только CSS или расширений. В основном вы спрашиваете, можете ли вы сделать что-то вроде:
h3 { inherit: h1 }
Для этого вам нужно будет использовать SASS или что-то подобное.
Альтернативой может быть использование сценария вроде:
var h1 = document.getElementsByTagName("h1")[0];
var theCSSprop = window.getComputedStyle(h1, null).getPropertyValue("background-color");
alert(theCSSprop);
Перебираем все возможные стили css, а затем добавляем этот стиль как файл css или напрямую устанавливаем его как стиль. Но, как вы, наверное, уже заметили, это не управляемое решение, и вы должны использовать его только в крайнем случае.
Лучшее, что вы можете сделать, - это просто добавить класс и таким образом выполнить стиль.
Самое последнее предложение сбивает с толку. Вы можете это перефразировать? Если вас интересует что-то вроде системы наследования, это не часть стандарта CSS, хотя вы можете использовать для этого Sass.