CSS选择器

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

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

font-size       font-weight       font-style        

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

属性选择器：
                    input[type="password"]
             ^     $          *

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

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

选择器：
基础选择器：
标签选择器：一次性把网页所有一类的标签选出来   p    div       a   li
类选择器：   .one
                <p class="one"></p>   class人名
id选择器：#one
                 <p id="one"></p>   身份证号：每个网页不能重复

*

包含选择器：子代选择器  ul>li       亲生儿子
                                    <ul>
                         <li></li>
                          <ul>
                               <li></li>
                          </ul>
                    </ul>
                     后代选择器       ul li

逗号选择器：

div{
}
a{
}                       =》  div,
                            a,
                            p{
                                  }
p  {
}

属性选择器：
input[type="password"]{}

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

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

$：以……结尾

<input type="text">
<input type="password">
<input type="email">
<input type="number">

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

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

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

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

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

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