SASS @each function providing cleaner CSS? -
मेरे पास निम्न SASS @each है:
$ Obj-list: 1, 2, 3 .object @each $ obj $ obj-list & amp;: nth-child (# $ obj}) रंग: #fff लेकिन आईआर निम्नलिखित बनाता है:
.bject: nth-child (1) {color: #fff} .object: nth-child (2) {color: #fff} .object: nth-child (3) {color: #fff} मैं इसे कैसे क्लीनर सीएसएस बना सकता हूं?
.bject: nth-child (1), .bject: nth-child (2), .object: nth-child (3) {color: #fff} इसे यहाँ देखें:
एक संभावित समाधान विस्तार करना होगा a।
$ Obj-list: 1, 2, 3% ऑब्जेक्ट रंग: # f00 .object @each $ obj $ obj-list & amp; nth-child (# {$ obj}) @extend% object ।
Comments
Post a Comment