首页 >web前端 >css教程 > 正文

css怎么选择父元素

原创2020-12-18 09:53:0702529

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

本教程操作环境: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中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:css
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • HTML+CSS网页基础HTML+CSS网页基础
  • CSS 代码实例CSS 代码实例
  • CSS3 极速入门CSS3 极速入门
  • 玩转CSS Flexbox弹性盒子布局(2021新课)玩转CSS Flexbox弹性盒子布局(2021新课)
  • 让布局像5G一样快:CSS Grid网格布局让布局像5G一样快:CSS Grid网格布局
  • 视频教程分类