5 Test inheritance through various anonymous boxes: {ib}
6 situations, buttons, overflow, columns, listboxes, first-line
10 * The idea is that
"color" inherits by default while
"border-color" does
11 * not. So if the former is red and the latter is green on a parent, and
12 * the child's border-color is set to
"inherit", it'll be green only if
13 * the child is inheriting from the parent. If not, it'll either be
14 * whatever the border-color is on what it's inheriting from, which will
15 * be red if what it's inheriting from has the default (currentColor)
20 * { color: green; border:
0px hidden green; background: transparent }
21 .t { border-color: green }
22 .t:not(.d2)
> :first-child, .d2
> span
23 { border-color: green; border-style: solid; border-width:
10px }
24 .f::first-line { border-color: green }
28 <div class=
"t"><div></div></div>
29 <span class=
"t"><div></div></span>
30 <span style=
"position: relative" class=
"t"><div></div></span>
31 <div class=
"f"><span></span><br><span></span></div>
32 <button class=
"t"><div></div></button>
33 <div style=
"overflow: auto" class=
"t"><div></div></div>
34 <div style=
"column-count: 2" class=
"t"><div></div></div>
35 <select size=
"2" class=
"t">
39 <div class=
"t"><div></div></div>
40 <span class=
"t"><div></div></span>
41 <span style=
"position: relative" class=
"t"><div></div></span>
42 <div class=
"f"><span></span><br><span></span></div>
43 <button class=
"t"><div></div></button>
44 <div style=
"overflow: auto" class=
"t"><div></div></div>
45 <div style=
"column-count: 2" class=
"t"><div></div></div>
46 <select size=
"2" class=
"t">
50 <span class=
"t d2"><div></div><span></span></span>
51 <span style=
"position: relative" class=
"t d2"><div></div><span></span></span>