Skip to content

Commit e6ac77d

Browse files
committed
Change CSS Applying Order to Multiple Classes
1 parent 043c7ce commit e6ac77d

File tree

1 file changed

+7
-5
lines changed

1 file changed

+7
-5
lines changed

README.md

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -284,9 +284,10 @@ I suggest defining a query order on top of your CSS:
284284
If you use only simple `min-width` queries, [the `sort` option][4] can help.
285285

286286

287-
### CSS Applying Order
287+
### Multiple Classes
288288

289-
CSS MQPacker changes order of rulesets. This may break CSS applying order.
289+
CSS MQPacker works only with CSS. This may break CSS applying order to an
290+
elements that have multiple classes.
290291

291292
```css
292293
@media (min-width: 320px) {
@@ -327,9 +328,10 @@ Becomes:
327328
}
328329
```
329330

330-
This looks good, but if an HTML element has `class="bar baz"` and viewport width
331-
larger than `640px`, that element `width` incorrectly set to `200px` instead of
332-
`300px`. This problem cannot be resolved only with CSS. So, be careful!
331+
The result looks good. However, if an HTML element has `class="bar baz"` and
332+
viewport width larger than `640px`, that element `width` incorrectly set to
333+
`200px` instead of `300px`. This problem cannot be resolved only with CSS, so be
334+
careful!
333335

334336

335337
LICENSE

0 commit comments

Comments
 (0)