CSS Stylesheet
x
29
1
/* Incorrect BEM Class Names */2
3
.site-header--dark__logo {4
}5
6
.Card__Title {7
}8
9
.shopping-list__item__image {10
}11
12
.site_header__logo {13
}14
15
16
/* Correct BEM Class Name */17
18
.card__title--active {19
}20
21
22
/* Non Class Selectors */23
24
body {25
}26
27
#comments {Messages (7)
| Selector | Line | Description | |
|---|---|---|---|
| 3 | The element "logo" appears after the modifier "dark" which is invalid. | ||
| 6 | The CSS class name contains uppercase characters. BEM class names should only use lowercase characters. | ||
| 9 | The element "image" is nested under the element "item". BEM class names typically have at most 1 element. | ||
| 12 | Words have been separated by underscores. BEM uses hyphens to separate words. | ||
| 18 | This is a valid BEM class name | ||
| 24 | This is an element type selector. | ||
| 27 | This is an ID selector. |
