CSS: Comment aborder les balises spécifiques
Je commence à apprendre le CSS (et XHTML) et j'ai rencontré un problème de l'affectation des propriétés différentes pour les balises qui ont le même nom de balise.
Par exemple: j'ai deux h3-têtes, mais vous voulez l'adresse spécifiquement à l'aide de CSS parce que je veux les rendre différentes couleurs.
Je crois que cela a quelque chose à faire avec de nommer les en-têtes différemment (c'est à dire h3.a), mais cela n'a pas fonctionné. De l'aide serait apprécié!
OriginalL'auteur kubasub | 2011-12-15
Vous devez vous connecter pour publier un commentaire.
D'ailleurs le nom de la balise CSS peuvent être appliquées par les Class et ID. Notez qu'il est préférable de s'assurer le cas dans vos balises correspond à la casse dans les tags.
.myClass peuvent ne pas s'appliquer class="maclasse"
Id:
Classes:
.redHeading {color: red;}
.blueHeader {color: blue;}
Le but de Id sont généralement à point à un élément spécifique dans votre page, les classes sont conçues pour fonctionner avec plusieurs différents éléments
Classes peuvent également être combinés, de sorte que vous n'avez pas besoin de charger tous les styles dans une classe.
OriginalL'auteur Chris
Vous pouvez affecter une classe à chaque élément et utiliser les CSS pour cibler uniquement cette classe. Par exemple:
HTML:
CSS:
OriginalL'auteur Drew
Ajouter différents
class
attributs à chaqueh3
, puis de les aborder dans le CSS à l'aide.className
.e.g:
HTML:
CSS:
OriginalL'auteur Aaron
C'est là que les classes viennent dans maniable.
CSS
HTML
.button-green
pour nos boutons verts...et puis ils ont décidé qu'ils voulaient bleu des boutons à la place et.button-green
est devenu un bouton bleu. Juste quelque chose à garder à l'esprit.OriginalL'auteur Seth
Il y a tellement de façons différentes de cible sélecteurs.
Vous pouvez leur donner des noms de classe:
Vous pouvez utiliser des "sélecteurs avancés":
ont un coup d'oeil ici: http://css.maxdesign.com.au/selectutorial/
OriginalL'auteur swatkins
Une chose utile de garder à l'esprit lors de la dénomination des classes est d'éviter les noms qui impliquent la façon dont la classe est de style. Nommage des classes d'après leur style de fuites d'informations de conception dans le code HTML, et si plus tard vous faire une refonte, vous devrez la classe des noms qui ne correspondent plus à la conception, ou vous aurez à modifier à la fois le HTML et le CSS pour le maintenir à jour.
Une bien meilleure pratique consiste à créer des classes avec de sens sémantique, tels que:
subtitle
,navigationHeader
etc. En outre, il est une bonne pratique de donner à plusieurs classes et donc de "prolonger" les objets plutôt que de se répéter:OriginalL'auteur PatrikAkerstrand
En CSS en s'attaquant à un tag vous adresse toutes les copies de l'étiquette, à moins que vous sont plus spécifiques.
par exemple
a h3 {}
permettrait de répondre à tous lesh3
des balises dans una
tag.Cependant, si vous voulez le style des éléments individuels ou souhaitez plus de liberté, vous devriez être en utilisant un
class
ou unid
.Un
id
peut être utilisé sur un seul élément et fonctionne comme suit:vous pouvez ensuite utiliser
de style.
Ou vous pouvez utiliser une classe qui peut être utilisé sur plusieurs éléments comme:
vous pouvez ensuite utiliser
de style.
Google fournit quelques bonnes tutoriels vidéo ici: HTML, CSS et Javascript à partir du sol
OriginalL'auteur George Reith
Faire une classe dans le CSS, comme ceci:
Puis juste dire:
OriginalL'auteur piebie
Vous pouvez utiliser la classe ou à un parent de le définir. Si vous utilisez une classe, il serait défini comme:
Alors ils seraient utilisés comme:
Sinon, vous pouvez spécifier des paramètres d'un parent à l'aide d'un champ id dans une div de toutes sortes:
Qui serait utilisé comme:
L'utilisation tout dépend des besoins de votre mise en page et l'extensibilité de votre style.
OriginalL'auteur Joel Etherton