请用其它方法
比如js
<div id="child" class=“parent“>
<textarea id="child" class="child">child</textarea>
</div>
<script>
document.getElementById("child").onfocus = function(){document.getElementById("parent").style.background="#666"}
<html><head>
<title>...</title>
</head>
<body>
<ul>
<li>332</li>
<li>233234</li>
</ul>
<p>...</p>
</body>
</html>
例如上面的html结构:
<html>元素就是<body>和<head>的父元素（上下级，包含关系）
而<body>又是<ul>和<p>的父元素
<ul>又是两个<li>的父元素。
两个<li>就是兄弟元素（平级）
<body>和<head>也是兄弟元素，依此类推。
相应的， ul 和p是body的子元素， 而 li 呢， 是body的后代元素（后代选择符）。
你在dreamweaver里，套用源格式后，代码自动缩进，你很容易就能看出来的。
1、双击打开HBuilderX工具，并新建一个HTML5静态页面，如下图所示：
2、在body标签元素内，插入多个div标签，并使用div嵌套，如下图所示：
3、在title标签下方添加一个style，设置全局的样式，使用*符号，如下图所示：
4、保存代码并打开浏览器查看页面效果，可以发现页面有背景色，如下图所示：
5、再利用body标签选择器，设置宽度、字体属性、字体大小等属性，如下图所示：
6、最后使用body标签内的div选择器设置div标签样式，添加边框、内外边距，如下图所示：
