De Style CSS Héritage

Permet de dire que je veux définir 2 styles.

.color_red { color: Red; }
.banner { display: block; width: 100%; }

Est-il un moyen que je puisse avoir la h1 style hériter de la color_red style? Je ne veux pas avoir à faire

<div class="banner color_red">This is my banner.</div>

Je préfère faire quelque chose comme ça...

.banner { ... inherit: color_red; }
...
<div class="banner">This is my banner.</div>

Et ont la bannière rouge de texte.

pas sans mérite...
Vous pourriez regarder en rss: ncannasse.fr/projects/hss

OriginalL'auteur Jeremy Edwards | 2009-08-09

  1. 19

    Vous devez écrire:

    .color_red, .bannière { color: Red; } 
.bannière { display: block; width: 100%; }
    C'est la chose la plus proche que je pouvais venir. Je suppose que je vais devoir faire les choses de cette façon.

    OriginalL'auteur Thinker

  2. 16

    Non, il n'y a aucun moyen de le faire directement, c'est mieux de partager les définitions de style:

    .color_red,
.banner
{
  color: red;
}

    Cependant, je tiens à souligner que vous êtes à l'approche du problème par le mauvais bout. Votre marque doit être indépendant de la style et devrait conduire le style de développement dans l'idéal. Cela signifie que la définition de .color_red est un problème grave, car il ne dit rien sur la sémantique de la marque et de la façon dont beaucoup d'un problème êtes-vous rencontrés avec si vous avez besoin pour le style que peu de marque en bleu?

    Loin préférable de laisser votre marque-place d'exister comme ceci:

    <div class="banner highlight">I am a banner AND I am highlighted!</div>

    pris en charge par:

    <style>
.highlight
{
  color: red;
}

.banner
{
  display: block; 
  width: 100%;
}
</style>
    Je voulais que ce pour permettre la création de modèles de couleurs. Comme le fait d'avoir une couleur foncée 1 etc. Mon exemple utilise les couleurs explicites pour des raisons de simplicité. J'étais en train d'accomplir le même effet que partielle classes en C#.

    OriginalL'auteur annakata