版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/caishu1995/article/details/88337068
<html>
<head>
<style>
*{ float:left; width: 200px; }
.aa { background-color: red; }
p { margin: 0; padding: 0; }
p[name^="My"] { background-color: yellow; }/* My开头 */
p[name$="My"] { background-color: blue; } /* My结尾 */
p[name*="Name"] {color: gray} /* 存在Name */
#DD { background-color: #c5c5c5; }
/* 单双行,odd 单 */
ul li:nth-child(odd){ color: red; }
ul li:nth-child(even){ color: blue; }
</style>
<link rel="stylesheet" type="text/css" href="theme.css" />
</head>
<body style="width: 500px;">
<div class="aa">A</div>
<p name="MyName">B</p>
<p name="NameMy">C</p>
<div id="DD">D</div>
<ul>
<li>e</li>
<li>e</li>
<li>e</li>
<li>e</li>
</ul>
</body>
</html>