CSS的结构伪类选择器：type系列

最新推荐文章于 2024-05-13 09:37:53 发布

黯黯°

最新推荐文章于 2024-05-13 09:37:53 发布

阅读量997

点赞数

分类专栏：学习经验文章标签： css

本文链接：https://blog.csdn.net/weixin_44272970/article/details/103685984

版权

前端学习经验（8）

CSS

结构伪类选择器

type系列：

first-of-type：选择同类型的标签或选择器中第一个元素。

	父元素>标签或选择器:first-of-type{
										样式表
									}

如：

	<head>
		<style>
			.a>div:first-of-type{
	                      font-family: "楷体";
	                      font-size: 30px;
	                      color: aqua;   
             					}
            .a>.aa:first-of-type{
                          font-family: "黑体";
                          font-size: 50px;
                          color: green; 
             					}
		</style>
	</head>
	<body>
		 <div class="a">
            <h3>子元素1</h3>
            <div>子元素2</div>
            <p>子元素3</p>
            <span class="aa">子元素4</span>
            
            <h3>子元素5</h3>

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

黯黯°

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
CSS的结构伪类选择器：type系列

前端学习经验（8）CSS结构伪类选择器type系列：first-of-type：选择同类型的标签或选择器中第一个元素。父元素>标签或选择器:first-of-type{ 样式表 }如： <head> <style> .a>div:first-of-type{ ...
复制链接

扫一扫