css - What is the proper syntax for child selectors with Sass? -
i converting current css file scss. should mention first time attempting use sass, , things going far. have question when comes child selectors sass. have following code:
.ticker-basic.holiday2013 { background-color:#e4242b !important; color:#ffffff; text-decoration:none; font-weight:normal; font-size:14px; font-family: 'helveticaneuew01-85heav', helvetica, arial, sans-serif; letter-spacing: -1px; text-transform: lowercase; p { text-transform: capitalize; } p > { color:#ffffff; text-decoration: underline; font-weight:normal; font-size:10px; } }
am able nest child tag in above p tag? such this:
p { text-transform: capitalize; > { color:#ffffff; text-decoration: underline; font-weight:normal; font-size:10px; } }
p { > { ... } }
would apply on direct sibling anchors of paragraph element while
p { { ... } }
would apply anchors inside paragraph element. doesn't have behavioral changes css or sass. going in right direction seems. no better way learn play around , learn yourself.
Comments
Post a Comment