File tree Expand file tree Collapse file tree 1 file changed +2
-5
lines changed
Expand file tree Collapse file tree 1 file changed +2
-5
lines changed Original file line number Diff line number Diff line change 11# CSS Styleguide
22
3- * A mostly reasonable approach to CSS*
4-
53## Table of Contents
64
751 . [ Terminology] ( #terminology )
1191 . [ CSS] ( #css )
1210 - [ Formatting] ( #formatting )
1311 - [ Comments] ( #comments )
14- - [ OOCSS and BEM] ( #oocss-and-bem )
1512 - [ ID Selectors] ( #id-selectors )
1613 - [ JavaScript hooks] ( #javascript-hooks )
1714 - [ Border] ( #border )
@@ -132,14 +129,14 @@ function ListingCard() {
132129``` css
133130/* ListingCard.css */
134131.listing-card { }
135- .listing-card [ class *= ' featured' ] { }
132+ .listing-card. featured { }
136133.listing-card .title { }
137134.listing-card .content { }
138135```
139136
140137 * ` .listing-card ` is the “block” and represents the higher-level component
141138 * ` .listing-card .title ` is an “element” and represents a descendant of ` .listing-card ` that helps compose the block as a whole.
142- * ` .listing-card[class*=' featured'] ` is a “modifier” and represents a different state or variation on the ` .listing-card ` block.
139+ * ` .listing-card. featured ` is a “modifier” and represents a different state or variation on the ` .listing-card ` block.
143140
144141### ID selectors
145142
You can’t perform that action at this time.
0 commit comments