<button class="btn large shadow">Edit</button> .btn { ...default button styles } .btn.large { font-size: larger; } .btn.shadow { box-shadow: 0 0 8px #0004; }
.btn.large {} .field.large {} .fieldgroup.large {} .title.large {} .link.large {} .large {}
to find all the elements that the .field.large declaration impacts we need to enumerate all the elements that have both .field and .large in any order.
we've coupled out html and css files