选择器样式

选择器{
属性名：属性值；
}

引入方式
外部样式
内部样式 style
行内样式 style=“color:pink;”

选择器：
基本选择器：标签选择器、类选择器(.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

class人名
id选择器：#one

身份证号：每个网页不能重复

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

• 
  
• 
  
  • 
    
  • 
    
  
  

后代选择器 ul li

逗号选择器：

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

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

：包含
input[type=“m”]{}

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

$：以……结尾

伪类选择器：
:hover================鼠标经过时

a:hover div{
对div的更改
}

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

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

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

伪元素 ：
：：before content:“~”
::after content:“~”
::selection