基本选择器
标签选择器:(一次性把网页所有一类的标签选出来)
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