2022年02月14日发布css选择元素

大家好,今日小科来聊聊一篇关于2022年02月14日整理发布:css如何选择元素的文章,现在让我们往下看看吧!
如何选择css元素:首先,创建一个HTML样本文件;然后在正文中创建多行文本;最后,使用“:nth”选择器或“:last-child”选择器选择元素。
要使用css对HTML页面中的元素进行一对一、一对多或多对一的控制,就需要使用CSS选择器。HTML页面中的元素由CSS选择器控制。
css如何选择元素?
Css可以使用:nth类型(n)选择器或:last-child选择器来选择元素。第3360个类型(n)选择器匹配同一类型的第n个同级元素。last-child选择器匹配属于其父元素的最后一个子元素的每个元素。
使用第:个类型选择器选择元素的示例:
!声明文档类型
超文本标记语言
头
meta charset='utf-8 '
标题/头衔
风格
p:nth第(2)类
{
背景# ff0000
}
/style
/head
身体
h1这是一个标题/h1
第一段。/p
第二段。/p
第三段。/p
第四段。/p
/body
/html渲染:
使用最后一个子选择器选择元素的示例:
!声明文档类型
超文本标记语言
头
风格
p :最后一个孩子
{
背景# ff0000
}
/style
/head
身体
h1这是标题/h1
第一段。/p
第二段。/p
第三段。/p
第四段。/p
第五段。/p
/body
/html渲染:
这篇好文章是转载于:知行礼动
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 知行礼动
- 本文地址: /news/detail/tanhbkhhhh