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 |