选择器笔记

选择器：
1.基本选择器：标签选择器、类选择器(.box1)、id选择器(#box2)、通配符选择器
div class="box1" id="box2"

2.包含选择器:子代选择器（> 亲生儿子）、后代选择器（   后代所有）

font-size       font-weight       font-style        

3.逗号选择器：div，
                      p，
                     span{}

4.属性选择器：

input[type="password"]{}

*：包含
input[type*="m"]{}

^以……开头
input[type^="te"]{}

$：以……结尾

 /* :hover   鼠标悬停 */
cursor  鼠标样式

5.结构伪类选择器：
父元素    子元素:nth-child(n)    :父元素第n个子元素
even：偶数
odd：奇数
 

6.伪类选择器：
:hover================鼠标经过时
            
a:hover div{
对div的更改
}

           <a> 
        <div>
        </div>
           </a>
 

a:hover+div{
对div更改的
}

 <a></a>
<div></div>
7.结构伪类：
E:nth-child()   ；先看nth-child
E:nth-of-type（）       先看E，对所有的E进行编码，然后再看:nth-of-type（）

伪元素 ：
::before       content:"~"
::after  content:"~"
::selection