iframe实现后台框架布局
代码实现如下
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title></head><body><header>网站管理后台</header><aside><a href="category.html" target="main-frame">商品分类</a><a href="list.html" target="main-frame">商品列表</a><a href="brand.html" target="main-frame">商品品牌</a><a href="goods_type.html" target="main-frame">商品类型</a><a href="comment.html" target="main-frame">用户评论</a><a href="goods_delete.html" target="main-frame">商品回收站</a></aside><main><iframe src="" name="main-frame">这里是商品分类</iframe></main><footer></footer></body></html>
css优先级
id选择器 > 类选择器 > 标签选择器
如下图
内联样式优先级最高，但是不属于标签选择器
