DHTML: проблема наследования CSS

Question

Здравствуйте, я хотел бы использовать в своем простом наследовании CSS от значений по умолчанию браузеров:

.myfromh1{
font-weight: bold;
}

Могу ли я сказать CSS, что .myfromh1 класс владеет всеми свойствами h1 класс по умолчанию?

спасибо, Арман.

Answer 1

Из вашего вопроса не совсем понятно, чего вы хотите достичь.CSS использует иерархию правил перезаписи.

Встроенные стили имеют приоритет над <style> блочным кодом

<style type="text/css">
#test { color: red; }
</style>

<span id="test" style="color: blue;">This text will be blue</span>

Все стили имеют приоритет над стилями, которые были определены ранее в коде

<style type="text/css">
#test { color: red; }
#test { color: blue; }
</style>

<span id="test">This text will be blue</span>

Стили с высокой специфичностью имеют приоритет над менее специфичными стилями

<style type="text/css">
#test { color: blue; }
.test { color: red; }
</style>

<span id="test" class="test">This text will be blue</span>

В некоторых браузерах используется ключевое слово !important

<style type="text/css">
span { color: blue !important; }
#test { color: red; }

<span id="test">This text should be blue</span>

Поэтому, чтобы ответить на ваш вопрос, если вашэлемент является элементом H1, тогда он автоматически будет иметь все свойства селектора h1, и будут изменены только те, которые переопределены селектором #myfromh1.

Если, однако, вы ищете истинное наследование между селекторами - если #myfromh1 не является элементом H1, но вы хотите, чтобы он был стилизован как единое целое, то ответ таков: это не может быть достигнуто в CSS.

Answer 2

h1#myfromh1{
font-weight: bold;
}

Answer 3

Да, просто передайте идентификатор myfromh1 элементу <h1> -HTML.