11. E[att^="val"] Attribute value begins with "val"
E[att$="val"] Attribute value ends with "val"
E[att*="val"] Attribute value contains the substring "val"
E ~ F F element that is preceded by an E element
E:not(s) E element that doesn’t match the s selector
12. E:nth-child(n) The n-th child of its parent
E:nth-last-child(n) The n-th child of its parent, from last
E:last-child The last child of its parent
E:only-child The only child of its parent
E:nth-of-type(n) The n-th sibling of its type
E:nth-last-of-type(n) The n-th sibling of its type, from last
E:first-of-type The first sibling of its type
E:last-of-type The last sibling of its type
E:only-of-type The only sibling of its type
13. E:root Document’s root element. In HTML, HTML element
E:empty E element that has no children
E:target The target element of the referring URL
E:enabled Form control E that is enabled
E:disabled Form control E that is disabled
E:checked Form control E that is checked
75. /* Using or operator */
@media screen and (min-width: 100px),
@media handheld {
.navigation {
width: 350px;
}
}
/* Use to hide for older user agents */
@media only screen and (min-width: 100px) {
.navigation {
width: 350px;
}
}
/* Using the not keyword */
@media not screen and (min-width: 100px) {
.navigation {
width: 100%;
}
}
92. translate3d(x, y, z), translateZ(z)
scale3d(sx, sy, sz), scaleZ(sz)
rotateX(angle), rotateY(angle), rotate3d(x, y, z, angle),
perspective(p)
matrix3d(…)
-webkit-transform-origin now accepts a z offset too
109. .template-layouts {
display: "ab"
<div class="template-layouts">
"cd";
<div class="template-layout-a">
}
I am element a
</div>
.template-layout-a {
position: a;
<div class="template-layout-b">
}
I am element b
</div>
.template-layout-b {
position: b;
<div class="template-layout-c">
}
I am element c
</div>
.template-layout-c {
position: c;
<div class="template-layout-d">
}
I am element d
</div>
.template-layout-d {
</div>
position: d;
}