<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>百度新闻</title>
<style>
/*
1 千位：内联样式 为1 否则为0
2 百倍： id选择器和
3 十位； 类选择器 属性选择器 伪类选择器数量和
4 个位： 元素选择器 伪元素选择器和
*/
* {
margin: 0;
padding: 0
}
a {
/* 0001 */
color:red
}
div ul a {
/* 0003 */
color:green
}
#app #myul a{
/* 0201 */
color:gray
}
#app #myul .mylink{
/* 0210 */
color:#008c8c
}
#app #myul a:link{
/* 0211 */
color:orange
}
</style>
</head>
<body>
<header>
<div id="app">
<ul id="myul">
<li id="myli">
<a href="http://163.com" class="mylink">163</a>
</li>
</ul>
</div>
</header>
</body>
</html>
