Inheritance of top level selector only

3 views
Skip to first unread message

Alexander Sergeyev

unread,
Aug 10, 2010, 9:40:18 PM8/10/10
to xCSS - OO CSS framework
.row {
width: 960px;
margin: 0 auto;
overflow: hidden;
}
.row .row {
margin: 0 -10px;
width: auto;
display: inline-block;
}
header extends .row {}

outputs

header header,
.row .row {
margin: 0 -10px;
width: auto;
display: inline-block;
}
header,
.row {
width: 960px;
margin: 0 auto;
overflow: hidden;
}

expected

.row .row {
margin: 0 -10px;
width: auto;
display: inline-block;
}
.row,.header {
width: 960px;
margin: 0 auto;
overflow: hidden;
}

"Row-row" part is taken from 1kbgrid.com.
So, how could we handle this case?
Reply all
Reply to author
Forward
0 new messages