类选择器还是 ID 选择器?
在类选择器这一章中我们曾讲解过,可以为任意多个元素指定类。前一章中类名 important 被应用到 p 和 h1 元素,而且它还可以应用到更多元素。
区别 1:只能在文档中使用一次
与类不同,在一个 HTML 文档中,ID 选择器会使用一次,而且仅一次。
区别 2:不能使用 ID 词列表
不同于类选择器,ID 选择器不能结合使用,因为 ID 属性不允许有以空格分隔的词列表。
后代选择器
-后代选择器使用
比如:
<style>
.nav li a{
color:red//只有a起作用
}
<.style>
<ul class="nav>
<li>我是ul 的孩子</li>
<li>我是ul 的孩子</li>
<li>我是ul 的孩子</li>
<li>我是ul 的孩子</li>
<li><a href="#">不会变化</a></li>
子元素选择器
- 子选择器使用>来选择后面的元素,比如下面的代码,只有第一个a标签起作用(也就是只选择离他最近的子元素)
<style>
.nav>a{
color:red//只有a起作用
}
<.style>
<div class="nav>
<a href="#">我是儿子</a>//只有它起作用
<p>
<a href="#">我是孙子</a>
</p>
</div>
并集选择器
- 使用逗号隔开,比如p,div{
}
通常情况下,并集选择器约定竖着写
伪类选择器(按照lvha写)
- a:link 未访问连接
- a:visited{} 选择点击过的链接
- a:hover{} 选择鼠标经过的那个链接
- a:active 选择我们鼠标正在按下还未弹起鼠标的那个链接
focus 伪类选择器 获取光标
input:focus {
background:pink;
}