css3

1.Id及class选择符

　　id选择器以#来定义       在网页中 每个id名称中只能使用一次，不得重复

<p id="g"> 在网页中id名称只能使用一次不得重复 </p>

        #g {
          font-size:12px;
          font-weight:bold;
    
        }

 class用.  

<p class="g">running </p>

        .g {
          font-size:12px;
          font-weight:bold;
        }

 

html:     <input type="search" name="search">
css:
        input[type="search"]:hover{background-color:greenyellow;}
        input[type="search"]:focus{background-color:skyblue;}
        input[type="search"]:active{background-color:yellow;}

html:   
     <ul class="ul">
        <li>test1</li>
    <li>test2</li>
        <li>test3</li>
    <li>test4</li>
        <li>test5</li>
     </ul>

css:
  .ul li:first-child{color:red;} /*第一个*/
  .ul li:last-child{color:blue;} /*最后一个*/
  .ul li:nth-child(2){color:yellow;}/*第二个*/
   /*倒数第二个*/
  .ul li:nth-last-child(2){color:yellow;}