当前位置: 首页 > 滚动

2022年02月14日整理发布:css如何选择元素

来源:互联网 发布时间:2023-07-30 07:29:19

如何选择css元素:首先,创建一个HTML样本文件;然后在正文中创建多行文本;最后,使用“:nth”选择器或“:last-child”选择器选择元素。

本文操作环境:windows7系统,HTML5CSS3版本3,戴尔G3电脑。

要使用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渲染:

更多详细的HTML/CSS知识,请访问CSS视频教程专栏!以上是css如何选择元素的细节。请多关注php中文网站的其他相关文章!

来源:php中文网站

上一篇 下一篇
最新推荐 更多>>