There is a ton of CSS architecture covered in these three videos and how to use Sass to implement your 7-1 architecture. But hidden in there are a few bits of interesting CSS to mull:
- :not() pseudo selector
- calc() function
- [] attribute selector with the ^ operator used.
- ::after pseudo selector to write a clearfix hack
Pick two of these and described how they were used in the tutorials. Give an example piece of code using Enlighter to support your description.
The :not() pseudo selector will select all children except the one specified within the parenthesis.
The ::after pseudo is used to add content after the elements content. This can be any form of text and can change how the element looks.