欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

CSS的选择器类型

程序员文章站 2022-06-11 11:20:23
...

CSS的选择器类型

<style>
	/*1.标签选择器:
		根据标签名选择该标签的所有的元素*/
	p {
		color: red;
	}
	/*2.类选择器:
		根据class选择元素,选中class相同的一组元素。*/
	.pig {
		color: pink;
	}
	/*3.ID选择器:根据ID选择唯一的元素。*/
	#p9 {
		color: red;
	}
	/*4.选择器组:一组选择器,选中他们
		所对应的目标的并集(合计)。*/
	.pig, #p9 {
		font-family: 
			"微软雅黑","文泉驿正黑","黑体";
	}
	/*5.派生选择器
		通过元素的上下文关系来做选择*/
	#p9>b {/*选择父元素的儿子*/
		font-size: 30px;
	}
	#p9 b {/*选择父元素的子孙*/
		color: red;
	}
	/*6.伪类选择器
		CSS预设了许多类作为选择器,有很多,建议需要用的时候查文档*/
	a:link {/*选择未访问过的超链接*/
		color: red;
	}
	a:visited {/*选择已访问过的超链接*/
		color: green;
	}
	p:last-child{/*选择所有p元素的最后一个子元素*/
		color: red;
	}
</style>
相关标签: 页面