< ! DOCTYPE html>
< html lang= "en" >
< head> < meta charset= "UTF-8" >
< title> < / title>
< style> {
color: pink;
}
ol li a {
color: red;
}
< / style>
< / head>
< body> < ol> < li> < / li>
< li> < / li>
< li> < / li>
< li> < a href= "#" > 我是孙子< / a> < / li>
< / ol>
< ul> < li> < / li>
< li> < / li>
< li> < / li>
< / ul>
< / body>
< / html>
< ! DOCTYPE html>
< html lang= "en" >
< head> < meta charset= "UTF-8" >
< title> < / title>
< style> . nav > a {
color: red;
}
< / style>
< / head>
< body> < div class = "nav" >
< a href= "#" > 我是儿子< / a>
< p> < a href= "#" > 我是孙子< / a>
< / p>
< / div>
< / body>
< / html>
< ! DOCTYPE html>
< html lang= "en" >
< head> < meta charset= "UTF-8" >
< title> < / title>
< style> ,
p,
. pig li {
color: pink;
}
< / style>
< / head>
< body> < div> < / div>
< p> < / p>
< span> < / span>
< ul class = "pig" >
< li> < / li>
< li> < / li>
< li> < / li>
< / ul>
< / body>
< / html>
< ! DOCTYPE html>
< html lang= "en" >
< head> < meta charset= "UTF-8" >
< title> < / title>
< style> : link {
color: #333333 ;
text- decoration: none;
}
a: visited {
color: orange;
}
a: hover {
color: skyblue;
}
a: active {
color: green;
}
< / style>
< / head>
< body> < a href= "#" > 小猪佩奇< / a>
< / body>
< / html>
< ! DOCTYPE html>
< html lang= "en" >
< head> < meta charset= "UTF-8" >
< title> < / title>
< style> : focus {
background- color: pink;
}
< / style>
< / head>
< body> < input type= "text" >
< input type= "text" >
< input type= "text" >
< input type= "text" >
< / body>
< / html>
