Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Explore advanced CSS attribute selector techniques in this 11-minute tutorial that builds upon fundamental selector knowledge. Learn to target HTML elements based on how their attributes start, end, or contain specific values using sophisticated matching patterns. Master exact attribute matching, prefix-based selection, suffix-based targeting, and substring detection methods. Discover practical applications including automatically adding icons to external links and PDF files based on their href attributes. Examine real-world use cases through hands-on examples and understand performance considerations when implementing these selectors in production code. Access accompanying CodePen examples to practice the demonstrated techniques and reinforce your understanding of these powerful CSS targeting methods.
Syllabus
00:00 - Introduction
00:40 - Select exact matches
01:45 - Select any match
03:10 - Select prefixes
05:15 - Select based on any starting string of characters
06:35 - Select based on any ending string of characters
07:45 - A few practical use cases
09:25 - All occurances of a string
10:40 - Attribute selector performance
Taught by
Kevin Powell