Sass and Compass Designer's Cookbook
上QQ阅读APP看书,第一时间看更新

Chapter 4. Nested Selectors and Modular CSS

In this chapter, you will learn the following topics:

  • Using nested selectors
  • Creating more intuitive code and making inheritance clear
  • Referencing parent selectors with the & sign
  • Using multiple & signs to refer to the parent selector more than once
  • Using the & operator to change the selector order
  • Utilizing the @extend directive
  • Using placeholder selectors with the @extend directive
  • Using the @extend directive together with the @media at-rule
  • Using the @extend directive with care
  • Emitting rules at the root of the document
  • Avoiding nested selectors too deeply for more modular CSS
  • Applying the OOCSS, SMACSS, and BEM methodologies