css动态添加父元素

CSS都是写样式的，不涉及动态 *** 作，所以没有寻找父元素的技能，如果你想给某个元素的父元素设样式，直接给它加class或id就好了。js是有可能涉及到运行过程中有dom的动态 *** 作的，所以有这个技能，就是xx.parentNode， 就能直接拿到xx的父元素了。

1、双击打开HBuilderX工具，并新建一个HTML5静态页面，如下图所示：

2、在body标签元素内，插入多个div标签，并使用div嵌套，如下图所示：

3、在title标签下方添加一个style，设置全局的样式，使用*符号，如下图所示：

4、保存代码并打开浏览器查看页面效果，可以发现页面有背景色，如下图所示：

5、再利用body标签选择器，设置宽度、字体属性、字体大小等属性，如下图所示：

6、最后使用body标签内的div选择器设置div标签样式，添加边框、内外边距，如下图所示：

有两种方式

1、在head标签之间添加style标签

2、直接在HTML代码里添加style属性，然后在属性里定义css代码

3、也可以将1中的style标签里的内容放到一个css文件里，然后在html页面引用这个文件也是一样的效果

<link href="css文件路径" rel="stylesheet"> <!--这样就可以了，尽量代码简洁-->

4、下面是我的HTML代码

---