http://wbex.ru/index.php?action=history&feed=atom&title=HTML%2FCSS%2FList_Style%2FLI_class
HTML/CSS/List Style/LI class - История изменений
2026-04-04T19:12:09Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=HTML/CSS/List_Style/LI_class&diff=5626&oldid=prev
в 09:21, 26 мая 2010
2010-05-26T09:21:00Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 09:21, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=HTML/CSS/List_Style/LI_class&diff=5627&oldid=prev
Admin: 1 версия
2010-05-26T08:17:07Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==First-child Selector==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<style type="text/css"><br />
li:first-child { font-weight:bold; color:red; }<br />
</style><br />
</head><br />
<body> <br />
<p class="my-class">p.my-class</p> <br />
<div id="my-id"> <br />
<ol> <br />
<li>div ol li</li> <br />
<li>div ol li</li> <br />
<li> <br />
<p class="my-class">div ol li p.my-class </p> <br />
</li> <br />
</ol> <br />
</div> <br />
</body> <br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==li:before==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<?xml version="1.0" encoding="iso-8859-1"?><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title>CSS Example</title><br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><br />
<style rel="stylesheet" type="text/css"><br />
li:before {<br />
display: marker;<br />
marker-offset: 10em;<br />
content: counter(item, lower-roman) " ";<br />
counter-increment: item;<br />
}<br />
</style><br />
</head><br />
<body><br />
<ol><br />
<li>Item one</li><br />
<li>Item two</li><br />
<li>Item three</li><br />
</ol><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==li.last:after==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<style type="text/css"><br />
ul,li {<br />
display: inline;<br />
margin: 0;<br />
padding: 0;<br />
font-weight: bold;<br />
font-style: italic;<br />
}<br />
li:after {<br />
content: ", ";<br />
}<br />
li.last:after {<br />
content: ".";<br />
}<br />
p {<br />
display: inline;<br />
}<br />
</style><br />
</head><br />
<body><br />
<h3>Heading 3</h3><br />
<p>Text</p><br />
<ul><br />
<li>ONE</li><br />
<li>TWO</li><br />
<li>THREE</li><br />
<li>FOUR</li><br />
<li>FIVE</li><br />
</ul><br />
<p>Text</p><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==ul li:before content:"\2192 \0020"==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><br />
<title>Chapter 3 Example: :before and :after Pseudo-elements</title><br />
<style type="text/css" media="screen"><br />
body {<br />
padding:.5em;<br />
}<br />
ul li:before { content:"\2192 \0020"; }<br />
</style><br />
<br />
</head><br />
<body><br />
<ul><br />
<li>List item 1</li><br />
<li>List item 2</li><br />
<li>List item 3</li><br />
<li>List item 4</li><br />
</ul><br />
</body><br />
</html><br />
</source></div>
Admin