0
点赞
收藏
分享

微信扫一扫

CSS基础学习记录(6)

b91bff6ffdb5 2024-06-28 阅读 39
css前端

**css中的一些符号代表什么选择器

空格(派生选择器)

+(相邻/下一个选择器)

~(兄弟选择器 )

大于号(直接选择器)

*(所有后代选择器)

空格(后代选择器)**

div span{
	font-size:20px;
}
1
2
3

上面例子表示的是div里的所有span元素

+(相邻选择器)
span+p{
	font-size:10px;
}
1
2
3

span后出现的下一个元素为p,且span和p是有共同的父元素

~(兄弟选择器)
h1~span{

}
1
2
3

相同父元素中的两个元素,h1和span必须是同意级的元素

>(直接选择器)
div>span{
	
}
1
2
3

表示选择div的所有span的子元素

*(所有后代选择器)
*{
	margim:0;
	padding:0;
}

表示将所有元素的margin和padding都设置为0,*可以设置所有元素的默认样式

举报

相关推荐

CSS基础简单学习记录

JavaWeb基础学习笔记6——CSS

CSS基础记录

css学习记录

nginx基础学习记录

JavaScript基础学习记录

0 条评论