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

Popular posts from this blog

Fail to load namespace Spring Security http://www.springframework.org/security/tags -

sql - MySQL query optimization using coalesce -

unity3d - Unity local avoidance in user created world -