菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 丁竹清-前端（8）-20221111 [打印本页]

作者: 清墨、 时间: 2022-11-16 01:00
标题: 丁竹清-前端（8）-20221111
CSS的复合选择器
后代选择器
选择父元素里面的子元素
父元素后代元素{样式声明}
子选择器
只能选择最近一级的子元素（亲儿子）
父元素>亲儿子元素{样式声明}
并集选择器
可选择多组标签，同时指定相同的样式（集体声明）
div，
p，
.box span，
.box1>span{样式声明}
每一组选择器之间用，隔开
每一个组选择器可以是任意类型的基础、复合选择器
伪类选择器
链接伪类选择器
:link
未被访问过的链接
:visited
已被访问过
:hover
鼠标悬停
:active
鼠标点击时
四个都要使用，按这个顺序
其他选择器添加伪类，该选择器必须要有伪类的状态
焦点伪类选择器
:focus
input:focus{样式声明}
CSS的元素显示模式
元素显示模式的分类

元素显示模式的转换
display:block
转化为块级元素
display:inline
转化为行内元素
display:inline-block
转化为行内块元素

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)