Join Eric Meyer for an in-depth discussion in this video Specificity, part of CSS Web Site Design.
- View Offline
- Exercise Files
In this video we're going to talk about specificity, which in a lot of ways is the heart of conflict resolution in CSS,…and the easiest way to sort of approach the subject is to say, suppose that I have two rules that absolutely conflict,…I said I want my list items, my li elements to have a background of red, but then, I also said that I want the level background of…green and I can't have both, I mean it would be cool if CSS would just sort of strike them together, candy cane style, but it doesn't.…The list items have to have either a red background or a green background.…
Which one is it going to be, the answer as it turns out is green.…But the question asked is why,…you might say to yourself, well, because green came later, but suppose that I said this, I said body li background red, but…then I said li background green.…The green came second, but the red looks like it might be, I don't know, a little more specific perhaps.…So which one do you think it is, red or green. As it turns out, when we hit Reload it's red.…
Skill Level Intermediate
Layouts with CSS in Dreamweaverwith Joseph Lowery3h 33m Intermediate
Site Navigation with CSS in Dreamweaverwith Joseph Lowery3h 24m Intermediate
2. CSS and XHTML
5. Adding Colors and Backgrounds
6. Setting Typography
7. Using Margins and Borders to Create White Space and Separation
8. Creating Tables
9. Styling for Print
10. Bringing It All Together
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.