CSS 选择器

/*存在选择器*/ div[id]    
/*相等选择器*/  div[id="yd"]  
/*单词选择器，以空格隔开的单词中，有一个是y就可以*/  div[name~="y"]
/*连字符选择器*/  div[name |="en"]   
/*前缀选择器*/div[la ^="d"]
/*后缀选择器*/div[la $="d"]
/*包含选择器*/div[class *= "b"]

/*后代选择器  div span      直接子代选择器 div>span   p+p+p+p相邻兄弟选择器*/
/*存在选择器div[id]  */   
/*相等选择器 div[id="yd"] */  
/*单词选择器，以空格隔开的单词中，有一个是y就可以 div[name~="y"]*/ 
/*连字符选择器 div[name |="en"]*/    
/*前缀选择器div[la ^="d"]*/
/*后缀选择器div[la $="d"]*/
/*包含选择器div[class *= "b"] */
/*类选择器：会选中class属性的值和其相等的元素*/
/*{overflow:hidden;} 文字会隐藏   {overflow:scroll;} 出现滚动条*/
/*后代选择器  div span*/
/*div>span 直接子代选择器*/
/*存在选择器   div[id]    
/*相等选择器  div[id="yd"]  
/*单词选择器，以空格隔开的单词中，有一个是y就可以 div[name~="y"]
/*连字符选择器  div[name |="en"]   
/*前缀选择器 div[la ^="d"]
/*后缀选择器 div[la $="d"]
/*包含选择器 div[class *= "b"]*/

li:nth-child(2)  li:nth-child(2n) 偶数  li:nth-child(2n+1) 奇数

a:first-child   元素下面第一个子元素并且这个元素是a元素

span:nth-child(3)  第三个span


<form action="#" method="post">
<input type="text" placeholder="  移动/ 联通/ 电信" class="ydltdx">
<select name="chongzhi" class="chongzhiHF">            
        <option value="wushi">50元</option>
        <option selected="selected" value="yibai">100元</option>
        <option value="lianbai">200元</option>
</select>
</form>
onmouseover:当鼠标移到元素上时发生
onmouseout：当鼠标移出元素上时发生
onclick:当鼠标点击元素时发生