首页  >  文章  >  web前端  >  css怎么选择父元素

css怎么选择父元素

藏色散人
藏色散人原创
2020-12-18 09:53:0716678浏览

css选择父元素的方法:首先打开HBuilderX工具,并创建一个新的HTML5静态页面;然后在body标签元素中插入多个div标签;接着设置全局版本的样式;最后使用body标签内部的div选择器来设置div标签样式即可。

css怎么选择父元素

本教程操作环境:Windows7系统、HTML5&&CSS3&&HBuilderX v2.1.3.20190723版本,该方法适用于所有品牌电脑。

推荐:《css视频教程

css选择器选择自己的父元素

1.双击打开HBuilderX工具,创建一个新的HTML5静态页面,如下图所示:

17c890bccb83507b6ff9e4064a95bfd.png

2.在body标签元素中插入多个div标签,并用div将它们嵌套在div中,如下图所示:

11b102417c8a7d5b343e6af0a6c049e.png

3.在标题标签下面添加一个样式,设置全局版本的样式,并使用*符号,如下图所示:

5d877ecb4f29d0526c530cc97ac4d53.png

4.保存代码并打开浏览器查看页面效果。可以在页面上找到背景颜色,如下图所示:

83c75ee65d0ac64f436f0a3fa8f1bc6.png

5.使用body标签选择器设置宽度、字体属性、字体大小等属性,如下图所示:

4f52d6d8376d33e4cbf4a385bd794b2.png

6.最后,使用body标签内部的div选择器来设置div标签样式,并添加边框和内外边的权重距离,如下图所示:

e48ed2ec1cb672cee0ad2c98b771fd8.png

以上是css怎么选择父元素的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn