CSS 选择器的类别应用

2024-01-18 15:27 小编

常见的类选择器类型有如下几种:

1.标签选择器,标签选择器名称{css样式代码;}

2.类选择器,类选器名称{css样式代码;}

3.ID 选择器,#类选器名称{css样式代码;}

4.子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。

5.包含选择器,即加入空格 ,用于选择指定标签元素下的后辈元素。

6.通用选择器,匹配html中所有标签元素,* {css样式代码;}类选择器和ID选择器都可以应用于任何元素,但 ID 选择器只能在文档中使用一次,可以使用类选择器词列表方法为一个元素同时设置多个样式,ID 选择器是不可以的。

子选择器和包含选择器区别:>作用于元素的第一代后代,空格作用于元素的所有后代。

另外还有两种选择符:

1.伪类选择符,允许给 HTML 不存在的标签(标签的某种状态)设置样式。常用的有 a:hover{color:red;}

2.分组选择符,为 HTML 中多个标签元素设置同一个样式时,可以使用分组选择符,

例如h1,span{color:red;}


Tag: 选择
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码