Files
less.js/test/css/selectors.css
jurcovicovam 964b991423 Reviews changes: spacing and commented code.
Bug fixed: fixed handling of multi level nesting.
2015-01-28 09:50:44 +01:00

166 lines
2.5 KiB
CSS

h1 a:hover,
h2 a:hover,
h3 a:hover,
h1 p:hover,
h2 p:hover,
h3 p:hover {
color: red;
}
#all {
color: blue;
}
#the {
color: blue;
}
#same {
color: blue;
}
ul,
li,
div,
q,
blockquote,
textarea {
margin: 0;
}
td {
margin: 0;
padding: 0;
}
td,
input {
line-height: 1em;
}
a {
color: red;
}
a:hover {
color: blue;
}
div a {
color: green;
}
p a span {
color: yellow;
}
.foo .bar .qux,
.foo .baz .qux {
display: block;
}
.qux .foo .bar,
.qux .foo .baz {
display: inline;
}
.qux.foo .bar,
.qux.foo .baz {
display: inline-block;
}
.qux .foo .bar .biz,
.qux .foo .baz .biz {
display: none;
}
.a.b.c {
color: red;
}
.c .b.a {
color: red;
}
.foo .p.bar {
color: red;
}
.foo.p.bar {
color: red;
}
.foo + .foo {
background: amber;
}
.foo + .foo {
background: amber;
}
.foo + .foo,
.foo + .bar,
.bar + .foo,
.bar + .bar {
background: amber;
}
.foo a > .foo a,
.foo a > .bar a,
.foo a > .foo b,
.foo a > .bar b,
.bar a > .foo a,
.bar a > .bar a,
.bar a > .foo b,
.bar a > .bar b,
.foo b > .foo a,
.foo b > .bar a,
.foo b > .foo b,
.foo b > .bar b,
.bar b > .foo a,
.bar b > .bar a,
.bar b > .foo b,
.bar b > .bar b {
background: amber;
}
.other ::fnord {
color: red;
}
.other::fnord {
color: red;
}
.other ::bnord {
color: red;
}
.other::bnord {
color: red;
}
.blood {
color: red;
}
.bloodred {
color: green;
}
#blood.blood.red.black {
color: black;
}
:nth-child(3) {
selector: interpolated;
}
.test:nth-child(3) {
selector: interpolated;
}
.test:nth-child(odd):not(:nth-child(3)) {
color: #ff0000;
}
[prop],
[prop=10%],
[prop="value3"],
[prop*="val3"],
[|prop~="val3"],
[*|prop$="val3"],
[ns|prop^="val3"],
[3^="val3"],
[3=3],
[3] {
attributes: yes;
}
/*
Large comment means chunk will be emitted after } which means chunk will begin with whitespace...
blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank
blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank
blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank
blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank
blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank
*/
.blood {
color: red;
}
.foo:not(.tst.only-nested .level2:hover) {
test: only-nested;
}
.foo.nestend-and-non-nested:not(.tst.nestend-and-non-nested:hover) {
test: nestend-and-non-nested;
}
.selector:not(:hover) {
test: global scope;
}