200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > CSS层叠样式表之选择器

CSS层叠样式表之选择器

时间:2021-05-26 13:06:36

相关推荐

CSS层叠样式表之选择器

一、四大基本选择器

1.统配选择器

*{

}

匹配页面所有元素,一般用于页面样式初始化

2.标记选择器

tagName{

}

匹配页面指定的某种特定元素,如p、h1等,一般用在特定元素的初始化样式

3.类选择器

.类名{

}

[元素增加 class="类名"]

匹配具备class属性的元素

4.id选择器

#id值{

}

[id="id值" (id值具有唯一性)]

匹配具备id属性的元素

二、复合选择器

1.子代选择器

匹配某个元素的直系子元素 父选择器>子选择器 {}

2.后代选择器

匹配某个元素的所有后代(内部)子元素 父选择器 后代子选择器 {}

3.属性选择器

依赖元素的html属性来匹配元素 [属性] {}

4.兄弟选择器

匹配相同等级的元素 选择器+选择器 {}

5.伪类选择器

正常选择器的辅助,紧随正常选择器后使用 :伪类选择器名称 {}

超链接专用伪类有:

:link {} 链接未访问状态

:hover {} 鼠标进入状态

:visited {} 访问之后状态

:active {} 激活状态

元素获取焦点时的伪类(一般用于表单元素) input:focus {}

获取某个元素父元素下的某个特定元素:

:nth-child(index/2n/2n-1) {}

:first/last-child {}

6.伪元素(双冒号)

前置操作(在元素内容前插入内容) ::before

后置操作(在元素内容后插入内容) ::after

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。