EduCoder_webトレーニングの割り当て-エントリからマスターまでのCSS-基本セレクター

最初のラウンド

 /* ********** BEGIN ********** */
    /* 元素选择器 */
    html {
      background-color:#F0F0F0;
    }

    header{
        padding:40px;
        background-color:white;

    }

    footer {
      margin-top: 20px;
      font-size:0.6 em;
      color:grey;

    }

    /* ********** END ********** */

2回目のパス

	/* ********** BEGIN ********** */
   .newsSection{
       margin-top: 20px;
       padding: 20px;
       background-color: white;
   }


    /* ********** END ********** */

 <!-- ********** BEGIN ********** -->
  <div class="newsSection" >
  <!-- ********** END ********** -->    

3回目のパス

 /* ********** BEIGN ********** */
    #chosen{
        color:red;

    }

#news{
    color:blue;
}
#finance{
    color:olive;
}
#think{
    color:green;
}
#life{
    color:orange;
}

    /*选择menu元素下的li子元素*/
    #menu li {
      float: left;
      width: 70px;
      font-size: 1.2em;
      font-weight: lighter;
    }
    /*选择menu元素下的li子元素和li下得a子元素*/
    #menu li, li a {
      list-style: none;
      text-decoration: none;
    }
    /* ********** END ********** */

 <!-- ********** BEGIN ********** -->
  <header id="menu">
  <!-- ********** END ********** -->

さて、それがすべてです。
公式アカウントをフォローしていない学生は、できるだけ早く注意を払う必要があります！
マウスのしっぽジュース！
私という人間？
馬先生の閉じた弟子。
私はあなたの
ような大学生です。私はセルフメディアが好きで、共有するのが好きです。
私の公式アカウントに従って、より多くのリソースを入手してください。
参加へようこそ！
一緒に勉強しましょう！一緒に改善してください！！