- So far we've targeted elements that are coded…right into the HTML as an exposed part of the dom.…However, you'll often need to adjust styling…based on user actions or the current state of the element.…To do that, you'll use pseudo class selectors…that are often referred to as user action pseudo classes.…Those will be the focus of this chapter.…I'm gonna start by exploring how to target link states.…We have four link states that we can target:…link, visited, hover, and active.…Let's explore what they allow us to do…as we go over them individually.…
First thing I wanna do is I just wanna scroll down…to the very bottom of the page…where I've got an example section.…We'll be styling a couple of links.…Now currently we've got two links on the page,…and you can see that visually right now,…they look a little bit different.…The top link has an underline,…the bottom link doesn't,…but they're both the same color.…Well if we switch over to looking at this file…in our code editor,…we can kind of tell what's going on here.…
- Targeting classes and IDs
- Working with group selectors
- Targeting element attributes
- String matching
- Targeting links with pseudo-class selectors
- Targeting child elements and empty elements
- Targeting parent, child, and sibling elements
- Matching patterns
- Writing efficient selectors
Skill Level Intermediate
CSS: Advanced Typographic Techniqueswith James Williamson3h 14m Intermediate
1. Basic Selectors
2. Attribute Selectors
3. User Action Pseudo-Class Selectors
4. Structural Selectors
6. Matching Patterns
7. Writing Efficient Selectors
- 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.