初学css的选择器

选择器spa

1.标签选择器get

根据标签来选择并修改数据的属性例如:div {color: red}即全部的div的标签中的内容都变为红色it

2.类选择器ast

给标签中定义不一样的class属性 例如在一个div中定义 class=“red”,在style中调用.red {color: red} 即给这个div中的class修改属性,标签选择器能够有多个class 名字,名字之间用空格隔开class

3.id选择器方法

跟类选择器同样,惟一不一样就是id选择器只能用一次,是惟一标识符数据

4.连接伪类选择器di

主要是给超连接用的选择器 书写方法为vi

a:link {color: red}标示未访问的连接*经常使用标签

a:visited {color: blue}已经访问的连接

a:hover {color: green}鼠标通过时候的连接*经常使用

a:active {color: black}鼠标点击时候的连接

5.结构伪类选择器

也是以标签名:开始 

分别有frist-child     选择第一个孩子 last-child 选择最后一个孩子 还有nth-child(n)n是几就表明第几个孩子

6.目标伪类选择器

选择目标的选择器例如:target {color: red}例如锚点被选中时就会调用这个选择器

相关文章
相关标签/搜索