[00:00:00:180] Good day, my name’s Russ Weakley from Max Design, welcome to Understanding the CSS Cascade. This course is for people who are new to CSS, the aim is to provide you with a solid understanding of the CSS Cascade. The cascade is one of the core principles of CSS, after all that’s why it’s called Cascading Style Sheets.
[00:00:23:330] If you have ever written a CSS rule and wondered why it wasn’t applied by the browser, there’s a good chance it has something to do with the cascade. Lesson one is an introduction to the cascade. We’re going to look at types of style sheets, normal versus important declarations, and also, what is conflict.
[00:00:41:260] Lesson two is about origin and importance. We’re going to look at the first step of the cascade, which is gathering the declarations and the second step of the cascade, which is sorting by origin and importance. And then we’ll do an exercise on origin and importance. Lesson three is all about specificity.
[00:00:59:061] We’re going to look at step three of the cascade, which is determining selector weight. And then we’ll do an exercise on specificity. In lesson four, it’s all about order. We’re going to look at step four of the cascade, which is determining the order specified, and then we’ll do an exercise on order.
[00:01:18:090] And finally, lesson five is about the future. We’re going to look at the CSS3 cascade, and also a bit of a postscript as well. In order to do this course, you really only need two things. Some sort of text editor, and that can be anything from Atom, BBedit, Brackets, Coda, et cetera, and a modern browser.
[00:01:39:469] Now we’re going to define modern browsers as any browser, including or above Internet Explorer 9, Chrome 12, Firefox 5, Safari 5.1, and Opera 11.5. For lessons two, three, and four, there’s going to be a series of exercises. In each case there’ll be a start and a finished folder.
[00:02:03:360] The start folder is the one we’re going to use to do the exercises. The finished folder is there just so you can check your code.