<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/**{*/
/*color: red;*/
/*}*/
#hellow{
color: blue;
}
.hellow{
color: black;
}
div.hunhe{
color: deepskyblue;
}
.hellow,div.hunhe{
color: deeppink;
}
.div1. div2 div {
color: gold;
}
[render="1"]{
background-color: red;
}
[render="12"]{
background-color: firebrick;
}
a:link{
color: red;
}
a:visited{
color: gold;
}
a:hover{
color: deepskyblue;
}
a:active{
color: black;
}
span{
display: inline-block;
}
</style>
</head>
<body>
<div>出山</div>
<p id="hellow">hellow,word</p>
<p class="hellow">hellow,word</p>
<div class="hunhe">divdivdiv</div>
<div class="div1">
<div class="div2">div1.1
<div class="div3">这个是孙子这一层!</div>
<p>p里面的标签</p></div>
<div class="div1.2">div1.2</div>
</div>
<div render ="1">自定义属性1</div>
<div render ="12">自定义属性12</div>
<a href="CSS.html">点击进入</a>
<div class="box"></div>
<span></span>
</body>
</html>