123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171 |
- 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:blood {
- 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;
- }
- .extend-this,
- .active.first-level .second-level,
- .first-level .second-level.active2 {
- content: '\2661';
- }
|