For example, if you have an a list, with list items, and one of those items are active, should it be specified like this:
.list { }
.list__item { }
.list__item--active { }
How would one differentiate from a list that is active instead of a list item that is active?