p.Title 
{
  font-family: Arial;
  font-size: 16px;
}

p.SubTitle p.Title
{
   font-size: 12px;
}

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

У Sass есть опция расширения, которая позволяет полностью расширить один класс на другой. Подробнее о продлении вы можете прочитатьв этой статье

SCSS Способ для приведенного примера будет примерно таким:

..else {
  background: red
}

.composite {
  @extend .something;
  @extend .else;
}

Больше информации, проверьтеSass основы

и я просто понял это, попробовав разные вещи: P ... Ну, вы можете сделать это так:

composite.something, composite.else
{
    blblalba
}

У меня вдруг сработало :)

пределите) атрибуты снова.

/*  ------------------------------------------------------------------------------ */   
/*  Headings */ 
/*  ------------------------------------------------------------------------------ */   
h1, h2, h3, h4
{
    font-family         : myfind-bold;
    color               : #4C4C4C;
    display:inline-block;
    width:900px;
    text-align:left;
    background-image: linear-gradient(0,   #F4F4F4, #FEFEFE);/* IE6 & IE7 */
}

h1  
{
    font-size           : 300%;
    padding             : 45px 40px 45px 0px;
}

h2
{
    font-size           : 200%;
    padding             : 30px 25px 30px 0px;
}

чем LESS, проверьте PPWizard:

http://dennisbareis.com/ppwizard.htm

Предупреждение, что веб-сайт действительно отвратителен и имеет небольшую кривую обучения, но он идеально подходит для создания как CSS, так и HTML кода с помощью макросов. Я никогда не понимал, почему больше веб-кодеров не используют его.

.composite,
.something { display:inline }

.composite,
.else      { background:red }

то, что вы просите, существует, однако это сделано как дополнительные модули. Проверьте этот вопрос наЛучший CSS в .NET Например.

Проверять, выписыватьсяОтвет Larsenal об использовании LESS чтобы понять, что делают эти дополнения.

Можно использовать класс (или идентификатор) для родительского тега, а затем использовать CSS-комбинаторы для изменения поведения дочернего тега из его иерархии.

p.test{background-color:rgba(55,55,55,0.1);}
p.test > span{background-color:rgba(55,55,55,0.1);}
p.test > span > span{background-color:rgba(55,55,55,0.1);}
p.test > span > span > span{background-color:rgba(55,55,55,0.1);}
p.test > span > span > span > span{background-color:rgba(55,55,55,0.1);}
p.test > span > span > span > span > span{background-color:rgba(55,55,55,0.1);}
p.test > span > span > span > span > span > span{background-color:rgba(55,55,55,0.1);}
p.test > span > span > span > span > span > span > span{background-color:rgba(55,55,55,0.1);}
p.test > span > span > span > span > span > span > span > span{background-color:rgba(55,55,55,0.1);}

<p class="test"><span>One <span>possible <span>solution <span>is <span>using <span>multiple <span>nested <span>tags</span></span></span></span></span></span></span></span></p>

Я бы не предложил использовать так много интервалов, как в примере, однако это всего лишь доказательство концепции. Все еще есть много ошибок, которые могут возникнуть при попытке применить CSS таким способом. (Например, изменение типов оформления текста).

h php. ...

$something='color:red;'
$else='display:inline;';
echo '.something {'. $something .'}';
echo '.else {'. $something .'}';
echo '.somethingelse {'. $something  .$else '}';

...

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

span { display:inline }
span.myclass { background: red }

Пролет с классом «myclass» будет иметь оба свойства.

Другой способ - указать два класса:

<div class="something else">...</div>

Стиль "еще" переопределит (или добавит) стиль & quot; что-то & quot;

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

<script>
    $(function(){
            $(".composite").addClass("something else");
        });
</script>

При этом будут найдены все элементы с классом «составной» и добавьте классы "что-то" и "еще" к элементам. Так что-то вроде<div class="composite">...</div> будет так:
<div class="composite something else">...</div>

.p,.c1,.c2{...}//parent styles
.c1{...}//child 1 styles
.c2{...}//child 2 styles

Увидетьhttp://jsfiddle.net/qj76455e/1/

Самым большим преимуществом этого подхода является модульность - вы не создаете зависимости между классами (как вы делаете, когда вы «наследуете» класс, используя препроцессор). Поэтому любой запрос на изменение, касающийся CSS, не требует какого-либо большого анализа влияния.

кто не удовлетворен упомянутыми (отличными) постами, вы можете использовать свои навыки программирования, чтобы создать переменную (PHP или любую другую) и сохранить в ней несколько имен классов.

Это лучший взлом, который я мог придумать.

<style>
.red { color: red; }
.bold { font-weight: bold; }
</style>

<? define('DANGERTEXT','red bold'); ?>

Затем примените глобальную переменную к желаемому элементу, а не к именам классов.

<span class="<?=DANGERTEXT?>"> Le Champion est Ici </span>

.composite
{
display:inherit;
background:inherit;
}

.something { display:inline }
.else      { background:red }

Это работает, только если вы добавляете класс .composite к дочернему элементу. Это "мягкий" наследование, потому что любые значения, не указанные в .composite, явно не наследуются. Имейте в виду, что все равно будет меньше символов, чтобы просто написать & quot; inline & quot; и "красный" вместо "наследовать".

Вот список свойств, и делают ли они это автоматически: https://www.w3.org/TR/CSS21/propidx.html

Если намерение состоит в том, чтобы добавить один класс, который подразумевает свойства нескольких классов, в качестве нативного решения, я бы рекомендовал использовать JavaScript / jQuery (jQuery на самом деле не нужен, но, безусловно, полезен)

Если у вас есть, например.umbrellaClass это "наследует" от.baseClass1 а также.baseClass2 Вы могли бы иметь некоторый JavaScript, который запускается наготове.

$(".umbrellaClass").addClass("baseClass1");
$(".umbrellaClass").addClass("baseClass2");

Теперь все элементы.umbrellaClass будет иметь все свойства обоих.baseClasss. Обратите внимание, что, как ООП наследование,.umbrellaClass может иметь или не иметь свои собственные свойства.

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

Однако отстой CSS не имеет нативного наследования.

CSS не обеспечивает «наследование» так, как это делают языки программирования, такие как C ++, C # или Java. Вы не можете объявить класс CSS, а затем расширить его другим классом CSS.

Однако вы можете применить более одного класса к тегу в вашей разметке ... в этом случае существует сложный набор правил, которые определяют, какие фактические стили будут применяться браузером.

<span class="styleA styleB"> ... </span>

CSS будет искать все стили, которые могут быть применены на основе вашей разметки, и объединять стили CSS из этих нескольких правил вместе.

Как правило, стили объединяются, но когда возникают конфликты, позднее объявленный стиль обычно побеждает (если только атрибут! Important не указан в одном из стилей, в этом случае выигрывает). Кроме того, стили, применяемые непосредственно к элементу HTML, имеют приоритет над стилями классов CSS.

do что вы спрашиваете. Если вы хотите написать правила с учетом этой составной идеи, вы можете проверитькомпас, Это структура таблиц стилей, которая похожа на уже упомянутый Меньше.

Это позволяет вам делать миксины и все такое хорошее дело.

вы можете добавить несколько классов к элементу.

Но дело не в этом. Я получил ваш вопрос о наследовании. Суть в том, что наследование в CSS сделаноnot через классы, но через иерархии элементов. Таким образом, для моделирования унаследованных черт вам необходимо применять их к различным уровням элементов в DOM.

.composite 
{
   .something;
   .else
}

Это не «класс» имена в ОО смысле..something а также.else просто селекторы не более того.

Но вы можете указать два класса для элемента

<div class="something else">...</div>

или вы можете посмотреть в другую форму наследования

.foo {
  background-color: white;
  color: black;
}

.bar {
  background-color: inherit;
  color: inherit;
  font-weight: normal;
}

<div class="foo">
  <p class="bar">Hello, world</p>
</div>

Где цвет фона и абзацы унаследованы от настроек во вложенном div, который.foo стиле. Возможно, вам придется проверить точную спецификацию W3C.inherit по умолчанию для большинства свойств, но не для всех.

<div class="firstClass secondClass thirdclass fourthclass"></div>

Наследование не является частью стандарта CSS.

Perfect timing: Я перешел от этого вопроса к своей электронной почте, чтобы найти статью оМеньшебиблиотека Ruby, которая, помимо прочего, делает это:

Since super looks just like footer, but with a different font, I'll use Less's class inclusion technique (they call it a mixin) to tell it to include these declarations too:

#super {
  #footer;
  font-family: cursive;
}

то вроде этого класса = & quot; что-то еще & quot;

CSS

.car {
  font-weight: bold;
}
.benz {
  background-color: blue;
}
.toyota {
  background-color: white;
}

HTML

<div class="car benz">
  <p>I'm bold and blue.</p>
</div>
<div class="car toyota">
  <p>I'm bold and white.</p>
</div>

.classOne { font-weight: bold; }
.classTwo { font-famiy:  verdana; }

<div class="classOne classTwo">
  <p>I'm bold and verdana.</p>
</div>

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

div.something.else {

    // will only style a div with both, not just one or the other

}

http://sass-lang.com/, Здесь есть тег @extend, а также система смешанных типов. (Рубин)

Это своего рода конкурент LESS.