jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

beautify html

Browse source
This commit is contained in:
Ilya Kantor 2015-03-09 19:02:13 +03:00
parent ecf1478e7e
commit 5342f628da
354 changed files with 13965 additions and 9486 deletions
Download patch file Download diff file Expand all files Collapse all files

112
8-css-for-js/15-css-selectors/relation.view/index.html
View file

@ -1,59 +1,71 @@
<!DOCTYPE HTML>
<html>
<head>
<style>
#languages li {
color: brown;
}
#languages > li {
color: black;
}
#e-slavic { font-style: italic; }
#e-slavic ~ li {
color: red;
}
#latvian { font-style: italic; }
#latvian * { font-style: normal }
#latvian + li {
color: green;
}
code {
border: 1px solid black;
}
</style>
<style>
#languages li {
color: brown;
}
#languages > li {
color: black;
}
#e-slavic {
font-style: italic;
}
#e-slavic ~ li {
color: red;
}
#latvian {
font-style: italic;
}
#latvian * {
font-style: normal
}
#latvian + li {
color: green;
}
code {
border: 1px solid black;
}
</style>
</head>
<body>
<h3>Балтославянские языки</h3>
<h3>Балтославянские языки</h3>
<ol id="languages">
<li>Славянские языки
<ol>
<li>Славянские микроязыки</li>
<li>Праславянский язык</li>
<li id="e-slavic">Восточнославянские языки <code>#e-slavic</code></li>
<li>Западнославянские языки <code>#e-slavic ~ li</code></li>
<li>Южнославянские языки <code>#e-slavic ~ li</code></li>
<li> ... <code>#e-slavic ~ li</code></li>
</ol>
</li>
<li>Балтийские языки
<ol>
<li>Литовский язык</li>
<li id="latvian">Латышский язык <code>#latvian</code>
<ol><li>Латгальский язык <code>#latvian *</code></li></ol>
</li>
<li>Прусский язык <code>#latvian + li </code></li>
<li>... (следующий элемент уже не <code>#latvian + li</code>)</li>
</ol>
</li>
</ol>
<ol id="languages">
<li>Славянские языки
<ol>
<li>Славянские микроязыки</li>
<li>Праславянский язык</li>
<li id="e-slavic">Восточнославянские языки <code>#e-slavic</code></li>
<li>Западнославянские языки <code>#e-slavic ~ li</code></li>
<li>Южнославянские языки <code>#e-slavic ~ li</code></li>
<li> ... <code>#e-slavic ~ li</code></li>
</ol>
</li>
<li>Балтийские языки
<ol>
<li>Литовский язык</li>
<li id="latvian">Латышский язык <code>#latvian</code>
<ol>
<li>Латгальский язык <code>#latvian *</code></li>
</ol>
</li>
<li>Прусский язык <code>#latvian + li </code></li>
<li>... (следующий элемент уже не <code>#latvian + li</code>)</li>
</ol>
</li>
</ol>
</body>
</html>
</html>