<div class=“parent“>
<textarea class="child">child</textarea>
</div>
当 . child:focus 让. parent 背景变灰色 应该怎么作。 纯css可以实现么???
1、双击打开HBuilderX工具,并新建一个HTML5静态页面,如下图所示:
2、在body标签元素内,插入多个div标签,并使用div嵌套,如下图所示:
3、在title标签下方添加一个style,设置全局的样式,使用*符号,如下图所示:
4、保存代码并打开浏览器查看页面效果,可以发现页面有背景色,如下图所示:
5、再利用body标签选择器,设置宽度、字体属性、字体大小等属性,如下图所示:
6、最后使用body标签内的div选择器设置div标签样式,添加边框、内外边距,如下图所示: