CSS Selectors - Supercharged

Key Takeaways

CSS selectors are mostly used for two things styling elements and grabbing references to elements using JavaScript the syntax for CSS selectors is powerful maybe more powerful than you know and using them to the fullest extent can simplify your markup and your code for example when you have a number of fields in a form it is natural to have a name attribute on them often I see developers add classes so they can reference each field individually this can be simplified using one of CSS lesser-known selectors the attribute selector the CSS attribute selector is used by putting the desired attribute name and value in brackets right after the element by doing that selector only matches elements with a key value pair so in our example we can use the name attribute instead of having to put distinct classes on our form fields and it doesn't end there the attribute selector is also capable of doing partial matches with an attribute value you can use these other syntaxes to make a selector match if the attribute value contains starts or ends with a given string this can be really handy to select entire groups of elements using query selector all quite useful right well I thought so if only there was more macro tips but wait there are micro tips and you should watch all of them so subscribe to this channel and watch more videos over there [Music]