css - divs все те же, кроме одного свойства

#css #html

#css #HTML

Вопрос:

Есть ли какой-либо вид наследования в css?

Например, divA, divB, divC, все существующие в одном месте со всеми одинаковыми свойствами, отличающимися только их z-индексом?

Идея заключается в использовании jquery или чего-то еще, чтобы иметь разные переходы между разделами.

Возможно ли что-нибудь подобное, или я иду по этому неправильному пути?

1. Это фундаментальный CSS. Что вы пробовали? Я не вижу никаких усилий.

2. Извините за такой простой вопрос, сэр, единственная телефонная линия в моей деревне продолжает выходить из строя.

3. Дело в том, что вы не показали, в чем ваша проблема. Если бы вы поделились кодом, полученным в результате ваших усилий, вы бы получили конкретные ответы вместо расплывчатых случайных, и мы смогли бы помочь вам встать на правильный путь.

Ответ №1:

Есть ли какой-либо вид наследования в css?

Да. Большинству свойств может быть присвоено значение inherit , которое означает «То же значение для этого свойства, что и у родительского узла». Однако это не тот тип наследования, о котором вы думаете.

Например, divA, divB, divC, все существующие в одном месте со всеми одинаковыми свойствами, отличающимися только их z-индексом?

В CSS нет способа сказать, что один набор правил должен копировать значения из другого. Вы можете сделать:

 #divA, #divB, #divC  /* Or another selector that matches all the elements */
    { /* Common rules */ }
#divA { /* specific rules */ }
/* etc */

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

1. Я повторю: «Это не тот тип наследования, о котором вы думаете».. CSS все еще имеет это, хотя.

2. Спасибо, похоже, что я буду делать генерацию нескольких классов с помощью скрипта python.

Ответ №2:

Вы можете указать несколько классов для одного элемента, например

 <div class="divA divB">

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

Ответ №3:

В CSS действительно есть наследование, это один из основных принципов CSS.

jQuery может обрабатывать практически любой сценарий, который вы хотите. Если вы предоставите более подробную запись кода, мы сможем помочь больше.

Ответ №4:

HTML:

 <div id="container">
    <div id="divA">A</div>
    <div id="divB">B</div>
    <div id="divC">C</div>
</div>

CSS

 #container div
{
    /*all your common styles here */
}
#divA { /*div specific style here */ }
#divB { /*div specific style here */ }
#divC { /*div specific style here */ }