Cascade (CSS) - Revision history

Karl Jones: /* External links */

2016-04-12T18:38:29Z

‎External links

Karl Jones: /* External links */

2016-04-12T18:32:12Z

‎External links

Karl Jones: /* See also */

2016-03-08T18:55:08Z

‎See also

Karl Jones at 18:54, 8 March 2016

2016-03-08T18:54:53Z

Karl Jones at 18:54, 8 March 2016

2016-03-08T18:54:00Z

Karl Jones at 18:50, 8 March 2016

2016-03-08T18:50:15Z

Karl Jones: Created page with "In Cascading Style Sheets, the '''cascade''' refers to a set of principles which determine how style rules interact with HTML. == Basic principles == The Cascade (..."

2016-03-08T18:49:44Z

Created page with "In Cascading Style Sheets, the '''cascade''' refers to a set of principles which determine how style rules interact with HTML. == Basic principles == The Cascade (..."

New page

In [[Cascading Style Sheets]], the '''cascade''' refers to a set of principles which determine how style rules interact with [[HTML]].

== Basic principles ==

The [[Cascade (CSS)]] refers to the way that CSS deals with multiple style rules, when the rules apply to a single specific [[HTML element]].

=== When rules do not conflict, they combine ==

Both rules apply, when they do not conflict with each other.

=== When rules conflict, highest cascade weight wins ==

[[Cascade weight (CSS)]] is a measure of how important a rule is, among all rules which affect a give web page.

When two or more rules conflict, the rule with the highest [[Cascade weight (CSS)]] applies. The other rules are ignored.

It is not necessary to calculate, or know, the numeric value of the weight (although you can look it up using [[Inspect Element]]), if you are curious).

More important, you should know the general principles of the cascade.

See also:

http://code.karljones.com/docs/css/CSS-part-02.pdf

@@ Line 28: / Line 28: @@
 * http://code.karljones.com/docs/css/CSS-part-02.pdf
-[[Category:Cascading Style Sheets]
+[[Category:Cascading Style Sheets]]
 [[Category:Web design and development]]

← Older revision		Revision as of 18:32, 12 April 2016
Line 27:		Line 27:

	* http://code.karljones.com/docs/css/CSS-part-02.pdf		* http://code.karljones.com/docs/css/CSS-part-02.pdf
		+
		+	[[Category:Cascading Style Sheets]
		+	[[Category:Web design and development]]

@@ Line 22: / Line 22: @@
 * [[Cascading Style Sheets]]
-* [[Cascade weight (CSS]]
+* [[Cascade weight (CSS)]]
 == External links ==
 * http://code.karljones.com/docs/css/CSS-part-02.pdf

@@ Line 19: / Line 19: @@
 More important, you should know the general principles of the cascade.  You will be able to judge the weight intuitively, with practice.
-See also:
+== See also ==
 * http://code.karljones.com/docs/css/CSS-part-02.pdf

← Older revision		Revision as of 18:54, 8 March 2016
Line 21:		Line 21:
	See also:		See also:

−	http://code.karljones.com/docs/css/CSS-part-02.pdf	+	* http://code.karljones.com/docs/css/CSS-part-02.pdf

@@ Line 5: / Line 5: @@
 The [[Cascade (CSS)]] refers to the way that CSS deals with multiple style rules, when the rules apply to a single specific [[HTML element]].
-=== When rules do not conflict, they combine ==
+=== When rules do not conflict, they combine ===
 Both rules apply, when they do not conflict with each other.
-=== When rules conflict, highest cascade weight wins ==
+=== When rules conflict, highest cascade weight wins ===
 [[Cascade weight (CSS)]] is a measure of how important a rule is, among all rules which affect a give web page.
@@ Line 17: / Line 17: @@
 It is not necessary to calculate, or know, the numeric value of the weight (although you can look it up using [[Inspect Element]]), if you are curious).
-More important, you should know the general principles of the cascade.
+More important, you should know the general principles of the cascade.  You will be able to judge the weight intuitively, with practice.
 See also:
   http://code.karljones.com/docs/css/CSS-part-02.pdf