2017年10月30日下午课堂练习
<head>;
<meta charst=''UTF-8''>
<title></title>
<style type="text/css">
p{
font-size:24px;
color:blue;
}
.p1{
font-size:48px;
color:plum;
}
</head>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> p{ font-size:24px; color:blue; } .p1{ font-size:48px; color:plum; } #pp{ font-size:50px; color:#0000FF; } body p{ background:red; } ul>li{ background:purple; }/*所有的兄弟*/ #ui~li{ background:gold; }/*相邻的兄弟*/ #ui+li{ background:pink; } </style> </head> <body> <!--id不允许重复 --><!--id>class>p--> <p id="pp">hello p</p> <p>helle h1</p> <p class="p1">hello p1</p> <ul> <li id="ui">xxxx<
> <li>xxxxx<
> <ol> <li>xxxx<
> <li>xxx<
> </ol> <li>xxxxx<
> <li>xxxxx<
> <li>xxxxx<
> </ul> </body> <
ml>