CSS 学习笔记-01 复合选择器系列:

复合选择器系列:

一、后代选择器

用来选择子子孙孙所有代, 选择器之间以 空格隔开

二、子代选择器

只用来选择直系一代,选择器之间 以“>” 号隔开

三、并集选择器

多种不同样式 汇聚使用,选择器之间逗号隔开

四、链接类 伪类选择器

a:link { 选择所有未被访问的链接 }
a:visited { 选择所有已经访问过的链接 }
a:hover { 选择鼠标指针位于其上的链接 }
a:active { 选择活动链接(鼠标按下没有弹起来的时候) }

有一个固定顺序:LVHA

链接类 伪类选择器 常用写法:

a{} a类选择器属性配置
a:hover{} hover 的时候配置一下 就可以啦

五、:focus 伪类选择器

:focus 伪类选择器用于获取 获得焦点的表单员元素。这里的焦点 就是指光标。一般<input>类表单才能获取到焦点。 所以:foucs 伪类选择器主要是针对input 表单的。

input:foucus{
background-color: black;
}

上面的用途就是,鼠标在哪个input 表单中,哪个表单的背景色就变成黑色。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章