The example I provided above aggressively overwrites any inherited CSS properties for some component B. Example 1: <div class="component-a"><button></button><

The example I provided above aggressively overwrites any inherited CSS properties for some component B. Example 1: <div class="component-a"><button></button><div class="component-b"><button></button></div></div> Example 2: <div class="component-b"><button></button></div> Result: The <button> wrapped in div.component-b for both above examples will render exactly the same, ignoring html structure.