Attributemania

Welcome to Attributemania: the Advanced CSS Selectors course

In this section of the Advanced Webdev-fu Lessons, you'll learn the art of attribute selectors. Because, let's be real, who needs classes when you can select by attribute?

Here's a quick recap:

• [attribute~='value'] - The ~ is like a sneer, it's all about selecting elements with attribute values that match the value inside the brackets
• [attribute|='value'] - The | is like a pipe, it's all about selecting elements that match one of the values in the list inside the brackets, separated by a pipe

That's right, it's like a party in here, and you're all invited! Except, you know who isn't invited... the class selectors, they're like, so... basic.