伪类：
结构伪类：
:empty
:only-child
:before
:after
:active
:hover
:focus
:link
:visited
:first-child
:last-child
:nth-last-child()
:nth-child()
UI元素伪类：
:checked
:enabled
:disabled
目标伪类：
:target
否定伪类
div:not(classname)
主要属性：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
h1{ -webkit-text-stroke:2px blue;}
h2{-webkit-text-stroke:1px transparent}
h3{color:transparent; -webkit-text-stroke:4px red;}
ol{counter-reset:section; list-style-type:none;}
li:before{counter-increment:section; content:counters(section,".")"";}
q{quotes:'《' '》' "<" ">" "(" ")";}
q:before{content:open-quote;}
q:after{content:close-quote;}
.of{text-overflow:ellipsis; overflow:hidden}/*css3*/
.bw{word-wrap:break-word;}
</style>
<title>无标题文档</title>
</head><body>
<div style="background:green;"><h1>wch</h1><h2>wch</h2><h3>Smashing</h3><marquee direction="left">dfsdfldfoisdjflsd</marquee><ol><li>item</li><li>item<ol><li>ite</li><li>ite</li></ol></li><li>ite</li></ol><q>wch<q>222<q>333</q></q></q><div class="of" style="width:50px;">wedsfdsijojosdfjo</div><div class="bw" style="width:50px;">wedsfdsijojosdfjo</div>
</div>
</body>
</html>
![1965: [Ahoi2005]SHUFFLE 洗牌 - BZOJ](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
