Comment puis-je hériter des propriétés de la css id de règle à la classe css?

J'ai une classe css à la règle:

.test{ text-align:center; font-family:Verdana; }

Et je veux créer un autre id de la règle (j'espère qu'Il est en droit d'appeler par "id de la règle" ):

#divNew1{ color: Red; }
#spanNew2{ color: Green; }
#pNew3{ color: Yellow; }

J'ai beaucoup d'éléments div. Je veux passer .test des propriétés de la classe à d'autres éléments avec uniquement la modification du fichier css. C'est pourquoi je ne veux pas ajouter un attribut de classe pour les éléments div. Le code html ci-dessous:

<div id="divNew1">Ta ta taaaaa</div>
<span id="spanNew2">Ta ta taaaaa</span>
<p id="pNew3">Ta ta taaaaa</p>

Mais je tiens à ajouter .test des propriétés de la classe à #divNew classe en utilisant l'héritage et je ne veux pas ajouter un attribut de classe à la div comme ci-dessus.
Est-il possible de faire cela?

  • Malheureusement, le CSS n'est pas un bon langage de programmation orientée objet, et c'est à peine considéré comme un langage de programmation à tous. Vous ne pouvez pas vraiment appliquer les choses que vous savez à partir de PHP ou d'autres langues pour elle. Il a vraiment un style qui lui est propre.
InformationsquelleAutor uzay95 | 2010-01-27
  1. 8

    Il suffit d'inclure l'ID de classe sur la partie supérieure du doctype, la dernière déclaration pour tout bien gagne. E. g. si la première règle a eu un color: Green;, .test serait vert, #divNew serait encore rouge.

    .test, #divNew{ text-align:center; font-family:Verdana; }
#divNew{ color: Red; }
    • Vous savez orienté-objet, l'héritage comme ça: "class NewClass : OldClass" ou en java "de la classe NewClass s'étend OldClass" . Est therey toute façon de le faire comme ça?
    • Vous ne pouvez pas, vous pouvez faire usage de classes imbriquées, par exemple <div class="test1 test2"></div> cela permettra de fusionner les deux déclarations de style de la div.
    • Ce la bonne réponse. Il suffit de mettre, lorsque vous déclarez un nouveau style, vous pouvez séparer la liste des éléments (classes ou ID) avec une virgule. Si vous souhaitez remplacer les attributs pour juste un de ces éléments (dans ce cas "#divNew"), vous avez juste besoin de re-déclarer un autre ensemble d'attributs pour l'élément en question APRÈS la déclaration initiale, exactement comme par Nick exemple. Cette prise en charge, même dans les anciennes versions de MISE.
    • CSS ne fonctionne tout simplement pas de cette façon, c'est aussi proche qu'il obtient 🙂
    • Le CSS paradigme est en fait plus flexible que J2EE style héritage paradigme permet, surtout que vous pouvez pouvez utiliser les sélecteurs pour changer de style selon les éléments parents et les types d'élément, même basé sur l'élément parent types+classes+ID (au moins, tant que le navigateur est mieux que MSIE 6).
    InformationsquelleAutor Nick Craver
  2. 2

    Je crois que la question est, peut-être mon "#divNew" règle CSS hérite des propriétés de l'existant ".test de la" règle de telle sorte que:

    [Psuedo Code]

.test { color: red; }

#divNew : .test { border: 1px solid Black }

    ... les résultats dans un élément avec un id de #divNew avoir à la fois le texte en rouge et d'une bordure noire.

    Et la réponse est non - il n'y a pas de syntaxe pour déclarer que l'héritage d'une règle par une autre règle - mais vous pouvez appliquer plusieurs règles CSS à un élément.

    Dans cet exemple, l'élément devra prendre les règles concernant "#divNew" et ".test" et ".un autre". Il l'emporterait sur toute les propriétés contradictoires avec la dernière règle dans votre CSS.

    <div id="#divNew" class="test another">...
    InformationsquelleAutor Fenton
  3. 1

    MOINS/sans point vous permettent d'effectuer un traitement supplémentaire à l'intérieur d'un fichier CSS sur le côté serveur, à l'aide d'une feuille de style CSS la syntaxe. MOINS. J'avais lien sans point, mais je ne peux pas trouver un lien fonctionnel à l'heure actuelle (http://www.dotlesscss.com/ est bientôt vide pour moi)

    modifier

    Ou T4CSS de Phil Haack

    InformationsquelleAutor Damien_The_Unbeliever
  4. 1

    Qu'entendez-vous par héritage? Si dans votre HTML #divNew est un enfant de .de test, puis les propriétés CSS de .de test sont déjà hérité par celle-ci (sauf si vous les remplacez par l'établissement des #divNew propriétés).

    Syntaxe pour ajouter des propriétés directement à #divNew qui est également .test:

    #divNew.test {/*properties*/}

    Syntaxe pour ajouter des propriétés à #divNew qui est un enfant de .test:

    .test #divNew {/*properties*/}
    InformationsquelleAutor Andre
  5. 0
    <div id="divNew" class="test">Ta ta taaaaa</div>
    • Mais vous n'avez pas utiliser l'héritage pour créer l'id de la règle?
    • Désolé... vous avez raison. Nick est à droite. En CSS, le dernier style à la volonté déclarée être héritée.
    InformationsquelleAutor jay
  6. 0

    Pas sûr de vous comprendre, mais:

    .test{ text-align:center; font-family:Verdana; }
#divNew.test{ color: Red; }
    InformationsquelleAutor rsilva4