Week 4 Blog Post

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.

Here is a link to my directory with all of the work.

Leave a comment

Your email address will not be published. Required fields are marked *