Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!doctype html> | |
| 2 <style> | |
| 3 div { | |
| 4 color: #aaa; | |
| 5 font-size: 50px; | |
| 6 position: relative; | |
| 7 display: block; | |
| 8 width: 200px; | |
| 9 height: 100px; | |
| 10 } | |
| 11 | |
| 12 div > span { position: absolute; } | |
| 13 | |
| 14 #t1 > span:nth-child(1) { text-decoration: underline double coral; } | |
| 15 #t1 > span:nth-child(2) { text-decoration: underline solid skyblue; } | |
| 16 #t1 > span:nth-child(3) { text-decoration: underline wavy green; } | |
| 17 | |
| 18 #t2 > span:nth-child(1) { text-decoration: underline; } | |
| 19 #t2 > span:nth-child(2) { text-decoration: underline wavy skyblue; } | |
| 20 #t2 > span:nth-child(3) { text-decoration: underline dashed green; } | |
| 21 | |
| 22 #t3 > span:nth-child(1) { text-decoration: underline; } | |
| 23 #t3 > span:nth-child(2) { text-decoration: underline wavy skyblue; } | |
| 24 #t3 > span:nth-child(3) { text-decoration: underline; color: coral; } | |
| 25 #t3 > span:nth-child(4) { text-decoration: underline dotted green; } | |
| 26 | |
|
esprehn
2014/03/31 17:41:24
Same. use ids and classes.
| |
| 27 </style> | |
| 28 <div id="t1"><span>AAAA</span><span>AAAA</span><span>AAAA</span></div> | |
| 29 <div id="t2"><span>AAAA</span><span>AAAA</span><span>AAAA</span></div> | |
| 30 <div id="t3"><span>AAAA</span><span>AAAA</span><span>AAAA</span><span>AAAA</span ></div> | |
| OLD | NEW |