Quel est le sens de "en cascade" dans le CSS?
Quelle est la signification exacte de l'expression "en Cascade" dans le CSS? Je reçois des différents points de vue, donc je demande ici. Un exemple pourrait l'aider.
- Si vous êtes comme moi, la "Cascade" se réfère à la cascade de temps vous allez passer le réglage de votre div de largeur en deux incréments de pixels pour obtenir des choses à regarder "juste", plutôt que de se concentrer sur votre entreprise fondamentales de la logique. (Je vais probablement obtenir quelques négatifs pour cette réponse, mais c'est tellement vrai)
Vous devez vous connecter pour publier un commentaire.
"En cascade" dans ce contexte signifie que, parce que plus d'une feuille de style déclaration pourrait s'appliquer à un élément particulier de l'HTML, il y a un moyen connu de la détermination spécifique de la règle de feuille de style s'applique à laquelle morceau de code HTML.
La règle utilisée est choisie par la mise en cascade vers le bas à partir de la plus générale de ces déclarations à la règle spécifique nécessaire. Le plus spécifique de la déclaration est choisi.
Quand j'enseigne CSS, je dis toujours aux élèves que les "feuilles de style en cascade" signifie quelque chose comme "combats feuilles de style".
Une règle indique à votre tag H3 rouge, une autre règle indique qu'il soit vert, les règles sont contredire les uns les autres, qui va gagner!? La feuille de style deathmatch!
OK c'est peut-être un peu exagéré, mais il est beaucoup plus propice à la non-code, la non-programmation des gens qui sont commencer juste dehors de toute notion d'une cascade ou d'héritage.
Je n'ai bien sûr, assurez-vous de leur dire que ce n'est pas un problème pour les feuilles de style à se combattre les uns les autres, c'est la façon dont le langage a été conçu.
Håkon Wium lie CSS (co-créateur) définit la "cascade" dans sa thèse de DOCTORAT thèse sur CSS
"La combinaison de plusieurs feuilles de style et de résoudre les conflits entre eux" https://www.wiumlie.no/2006/phd/
L'article suivant répond à votre question parfaitement.
C'est l'ordre dans lequel les propriétés sont appliquées sur un élément particulier(s).
http://www.blooberry.com/indexdot/css/topics/cascade.htm
Vous avez à penser à elle de l'extérieur. Si vous avez une règle qui est sur le corps de la balise de "cascade" par le biais de chaque balise enfant. Si vous placez une règle sur toute balise à l'intérieur de l'organisme, il va adopter la règle, et ainsi de suite. Donc la règle des cascades à travers tout le contenu, à moins d'être interrompue par une règle à partir d'une balise intégrée.
Vous pouvez traiter le CSS de la transformation comme une chute d'eau contient plusieurs cascades. Voici ces cascades de haut en bas dans l'ordre: (Le plus faible peut remplacer la même propriété dans le supérieur.)
En voir plus dans la spec
La en cascade est de choisir la bonne valeur à partir de plusieurs origines. Mais c'est différent de tri. Seulement quelque chose de pas besoin de nous pour trier. Mais en CSS de ces origines ont fixé la priorité. Et donc le pseudo-code pourrait ressembler à la suivante:
De la pseudo-code, vous pouvez voir qu'il est assez ressemble à une cascade de plusieurs cascades.
Une explication qui pourrait les aider. Si vous incluez les deux feuilles de style et il y a une règle avec la même spécificité de chacun, l'on inclut les dernières victoires. I. E. le dernier de la cascade a le plus d'influence.
(C'est juste une variation sur les deux règles dans la même feuille - le dernier que l'on gagne si toutes choses sont égales.)
Par exemple, étant donné
puis le fond est vert.
C'est un processus qui est utilisé pour résoudre les conflits dans la feuille de style de spécification.
Qui est primely le processus de résolution de conflit fait selon l'ordre de priorité mention dans le CSS.
CSS est synonyme de Feuille de Style en Cascade. De par leur nature, les styles plus bas dans une feuille de styles en cascade remplacer l'équivalent des styles plus haut (à moins que les styles plus haut sont plus spécifiques). Nous pouvons donc définir des styles de base au début d'une feuille de style, applicable à toutes les versions de notre conception, puis remplacer les sections pertinentes avec les media queries plus loin dans le document.
En cascade signifie déverse dans les étapes ou en ajoutant des étapes. Les feuilles de Style contient les codes pour le style d'un élément html. Et la manière dont les codes sont écrits dans la feuille de style en cascade. Ou tout simplement, dos à dos, de codes dans les couches pour chaque élément html d'une page html dans une feuille de style font de la feuille de style en cascade.
En cascade est un algorithme qui attribue un poids à chaque règle de style.
Lorsque plusieurs règles s'appliquent, l'un avec le poids le plus élevé l'emporte.
Lorsqu'un ou plusieurs styles sont appliqués à un même élément.CSS effectue un ensemble de règles appelé en cascade qui évalue la force de la Spécificité des deux styles appliqués et détermine le gagnant je.e la règle de style qui a plus de poids gagne.si les deux règles ont le même poids alors que la règle appliquée dernier gagne.
rendrait la p au 14pt police parce qu'il est "proche" de l'élément actuel (feuilles de style externes de chargement à partir du dessus de fichier en bas du fichier). Si vous utilisez un lien de feuille de style, puis inclure un peu de CSS dans le head de votre document après reliant à l'extérieur de la CSS doc, la "tête" déclaration de la victoire, car il est encore plus proche de l'élément défini. C'est seulement vrai de la pondération égale des sélecteurs. Découvrez http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html pour une bonne description de la masse d'un sélecteur de donnée.
Tout ce que dit, vous pourriez envisager de "héritage" dans le cadre de la cascade ainsi - à toutes fins pratiques. Les choses "en cascade" vers le bas à partir de la base des éléments.