1997
Библиотека JAVASCRIPT SE@RCHER
Библиотека JAVASCRIPT SE@RCHER
Библиотека JAVASCRIPT SE@RCHER
ИЗБРАННЫЕ ПРИМЕРЫ 2013 г. АПРЕЛЬ >>>
HTML ↴
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Библиотека Javascript Псевдо-класс last-of-type</title> <style> :root{ background-color: rgb(238,238,238); } table, table td, table th, table tr {border: 1px solid rgba(125, 104, 99, .3);} th:nth-of-type(2) { text-align: center; } th:nth-of-type(3), td:nth-of-type(3) { text-align: right; } th:nth-of-type(1), td:nth-of-type(1) { text-align: center; } tr:nth-last-of-type(4) td { border-top: 1px solid rgb(56,41,48); font-style: italic; font-weight: bold; text-align: right; } tr:nth-last-of-type(1) td { background-color: rgb(56,41,48); color: rgb(255, 255, 255); font-size: 14px; font-style: italic; font-weight: bold; padding: 5px 10px; text-align:right; } tr:nth-last-of-type(2) td, tr:nth-last-of-type(3) td { font-style: italic; text-align: right; }</style> </head> <body> <table cellspacing="0"> <tr> <th>Количество</th> <th>Наименование</th> <th>Цена</th> </tr> <tr> <td>1</td> <td>"Руководство по выживанию, если вокруг зомби: полная защита от живых мертвецов"</td> <td>$13.95</td> </tr> <tr> <td>1</td> <td>Комплект "Апокалипсис"</td> <td>$349.00</td> </tr> <tr> <td>1</td> <td>Бесшумный стрелковый комплекс ВСС "Винторез"</td> <td>$189.95</td> </tr> <tr> <td height="28">1</td> <td>40" Самурайский меч "YAKUZA"</td> <td>$159.00</td> </tr> <tr> <td colspan="2">Итого</td> <td>$711.19</td> </tr> <tr> <td colspan="2">Налог (7%)</td> <td>$49.78</td> </tr> <tr> <td colspan="2">Доставка</td> <td>$25.00</td> </tr> <tr> <td colspan="2">Всего</td> <td>$785.97</td> </tr> </table> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(53156500, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/53156500" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --></body> </html>
размер
Kb
ПРИМЕР ↴
✔ пример в полном окне
Библиотека JAVASCRIPT 1997- Дизайн и сопровождение © SE@RCHER
ИЗБРАННЫЕ
ПРИМЕРЫ 2013 г. АПРЕЛЬ >>>