如何选择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中文网站