I need to change all the CSS into SASS... and find that
margin:10px
working in CSS and failing in SASS somewhat disturbing...
It is easy to miss one and you don't what you are missing (what is not working in the final CSS but you don't know)
Pretty much I am grep for /:\S/开发者_开发知识库 (colon by followed by a non-whitespace) to see if there are such cases, using TextMate (a Mac text editor)... but those a:hover also shows up as well.
In Sass you can define nested selectors, and these can have pseudoclasses such as :hover. It doesn't see your margin as an attribute but as another element with a pseudoclass.
.stylin
display: block
margin:10px
a:hover
color: red
The above will recognize display: block
correctly, but it will see margin:10px
and a:hover
as the same kind of pattern.
精彩评论