- Sass uses the ampersand character…as a special selector that can be used…to reference the parent of an element.…And you can use this type of selector…to solve a variety of problems.…So let's go ahead and take a look.…I'm going to be working with this media section right here.…What I want to do is make it so that…whenever I roll over one of these items,…it will show a background of a different color.…So if you remember from the HTML,…these different items right here…are in this section with an ID of media right now.…
And inside that I have an ordered list with a class of media…and each one of these items has a class of item…and is also in a list item.…And there's also a headline here with a class of head.…So let's go into the module that we already…created for this in a previous video.…And you can see here's the media class…as well as the item class.…So if I want to modify the color of the background…what I can do is right in here I can nest a ampersand…and then use the hover pseudo-class…to make the background just a different color.…
- Working with variables
- Nesting styles
- Creating mixins
- Conditional statements and loops in SassScript
- Extending your mixins
- Working with lists and maps
Skill Level Intermediate
CSS: Advanced Typographic Techniqueswith James Williamson3h 14m Intermediate
1. Getting Started
2. Learning Sass Fundamentals
3. Working with SassScript
Next steps1m 21s
- 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.