Join James Williamson for an in-depth discussion in this video Defining focus, part of CSS: Selectors.
- View Offline
- Exercise Files
- Another user action we can respond to…is when focus is established on an element.…While this is commonly associated with form elements…and a lot of times links,…there's is actually a large number of element types…that can receive focus.…When styling for user-focus,…there are some specific usability concerns…that you should understand as you plan your style.…I want to take a look at those first.…I just want to scroll down into the Syntax…so you can see that this is just another normal…pseudo class selector of focus…in this instance that you're seeing here.…This would target any form element input…that has focus established on it.…
Now, I mentioned usability concerns…and the reason that I wanted to sort of mention that…at the very beginning…is because in a lot of CSS resets,…now, for those who are not familiar with them,…CSS resets are where people take…a lot of default elements and reset all the values on them…so that they don't have any browser default styling…and that allows them to sort of build those stylings back up…
- 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
HTML5: Graphics and Animation with Canvaswith Joe Marini3h 7m 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.