this fiddle montre mon problème.Comment définir des sous-classes?
Comment puis-je définir une sous-classe de class="line" dans la structure de thml et de telle sorte que la css sous-classe ne serait pas un haut style de bordure comme indiqué dans l'exemple 2?
Merci.
EDIT: J'espère que that this est comment cela fonctionne. Des commentaires?
Il n'existe pas de sous-classe en CSS. Vous pouvez ajouter une autre classe
class="line line-no-top"
puis définir la ligne-no-top en CSS:
.line-no-top{ border-top-style:none; }
pour obtenir l'effet.
Votre problème est que vous avez un div avec une bordure supérieure et à l'intérieur d'une div avec du texte. Vous essayez de désactiver la bordure supérieure de la div externe en définissant la bordure: aucune sur la div interne, qui ne fonctionnera pas. Vous devez appliquer la classe qui désactive la bordure à la div externe.
Merci pour la réponse, je viens de trouver la solution. – bubblegum
Vous devriez vraiment être plus prudent avec vos sélecteurs. Ce que vous avez là est "Tout élément avec le texte de la classe" qui a comme élément ancêtre n'importe quel élément avec la classe 'ligne'. " Ce que vous voulez probablement dire est 'div.line> div.text' qui est" Une div avec le texte de classe qui est un descendant immédiat d'un div avec la ligne de classe. " Pour ce qui est de votre page, ce que vous avez peut être suffisant, mais faites attention de ne pas sélectionner accidentellement plus d'éléments que ce que vous aviez prévu, c'est une bonne idée. – Sorpigal