笔记54343

基本选择器

标签选择器：（一次性把网页所有一类的标签选出来）

P {

}

Id选择器（身份证号，每个网页不能重复）

#+id{

}

类选择器

.xx{

}

例：div class=”box1”

.box1

通配符选择器（选中所有标签）

*{

}

包含选择器

子代选择器 选中亲生儿子

.a>li{

}

后代选择器 找到后代所有要找的元素

.a li{

}

*：包含

Input[type*=”te”]{}

^以……开头

input[type^="te"]{}

$：以……结尾

复合选择器

<style>

div,

P,

Span{}

</style>

属性选择器

伪类选择器（用于a标签）

例：

a:link

a:visiter

a:hover(鼠标悬停)

属性：cursor:鼠标样式

a:active

结构伪类选择器

第一个点：ul li:first-child

最后一个点：ul li:last-child

父元素 子元素：nth-child

第n个点:ul li:nth-child(n)

Even:偶数 odd：奇数

伪元素选择器

在前/后创建一个元素

Ul li::before/last{

Content:””

}

Input::placeholder 表单提示词

文字选中时

Ul li:nth-child(4)::selection