a {
text-decoration: none;
border-bottom: 2px solid #000;
&:link{
border-bottom-color: #fc0;
}
&:hover {
border-bottom-color: #f30;
}
}
CompilingtheprecedingcoderesultsinthefollowingoutputfrombothLessand
Sass:
p {
font-family: 'Droid Serif', 'Liberation Serif', serif;
}
.error p {
font: bold 11px / 1.5 sans-serif;
}
a {
text-decoration: none;
border-bottom: 2px solid #000;
}
a:link {
border-bottom-color: #fc0;
}
a:hover {
border-bottom-color: #f30;
}
It’salsopossibletonestarulesetinsideanestedruleset.Takealookattheexample
below:
nav {
> ul {
height: 1em;
overflow: hidden;
334 CSS Master