File tree 2 files changed +22
-25
lines changed
2 files changed +22
-25
lines changed Original file line number Diff line number Diff line change @@ -143,6 +143,28 @@ Compiles to:
143
143
}
144
144
```
145
145
146
+ ## Increase specificity
147
+
148
+ When extending third party libraries with high secificity selector it's often necessary to also have a high specificity selector.
149
+
150
+ ``` javascript
151
+ const styles = {
152
+ button: {
153
+ ' .button &' : {
154
+ color: ' red'
155
+ }
156
+ }
157
+ }
158
+ ```
159
+
160
+ Compiles to:
161
+
162
+ ``` css
163
+ .button .button-0 {
164
+ color : ' red' ;
165
+ }
166
+ ```
167
+
146
168
### Demo
147
169
148
170
[ CodeSandbox] ( //codesandbox.io/s/github/cssinjs/jss/tree/master/examples/plugins/jss-plugin-nested?fontsize=14 )
Original file line number Diff line number Diff line change @@ -338,31 +338,6 @@ Compiles to:
338
338
}
339
339
```
340
340
341
- ## Specific selectors
342
-
343
- When extending third party libraries with high secificity selector it's often necessary to have also have a high specificity.
344
-
345
- ``` javascript
346
-
347
- const styles = {
348
- button: {
349
- ' .button &' : {
350
- color: ' red'
351
- }
352
- }
353
- }
354
-
355
- ```
356
-
357
- Compiles to:
358
-
359
- ``` css
360
- .button .button-0 {
361
- color : ' red'
362
- }
363
- ```
364
-
365
-
366
341
## Working with colors
367
342
368
343
You can use any color conversion tool, e.g. [ this one] ( https://yarnpkg.com/en/package/color ) .
You can’t perform that action at this time.
0 commit comments