@ css选择器中后代选择器与子选择器的区别？
css后代选择器和子选择器的区别介绍：
1 css后代选择器语法：h1 em {color:red;} 表示的是从h1开始里面包含的所有的em元素变成红色，h1为祖先，其他的em都是后代，即选中后代，不管是儿子还是孙子，只要是都会被选中，为后代选择器。2、css子元素选择器语法：h1>em{color:red;} 表示的是从h1开始里面的第一层em元素变成红色，h1为祖先，em为儿子，就像世袭制一样，只能传给儿子，孙子和其他堂亲都不行
@ CSS的类选择器和id选择器各有什么优势？
ID用于标识页面上的特定元素（比如站点导航），而且必须是唯一的。 ID也可以用来标识持久的结构性元素，例如主导航或内容区域。ID还可以用来标识一次性元素，例如某个链接或表单元素。一个ID只能应用于页面上的一个元素。
class同一个类名可以应用于页面上任意多个元素，因此类的功能强大的多。类非常适合表示内容的类型或其他相似的条目。
在实际开发中，要根据实际使用情况来决定是使用哪种样式。对于单一元素的在单一界面的展示样式可以推荐是用id来定位。多余多个界面公用，或者同一界面多个元素风格一致，样式统一使用class类要方便的多。
下面就是最简单的一个小例子：
展示效果：
@ css怎么同时让重叠的两个div在鼠标放上时被选中？
你试试这个是不是你要的效果，两个元素父子关系，鼠标经过，分别改变父子的高度、宽度。如果这个不是你要的，你可以尝试js，肯定能实现。
<style> .box{ position: relative; width: 200px; height: 200px; background: #f00; transition: all ease 0.5s} .box2{ position: absolute; width: 200px; height: 200px; background: #ff0; opacity: 1 } .box1:hover{ height: 500px; } .box1:hover .box2{ width: 500px; } </style>
<div class=”box box1″>
<div class=”box box2″>
</div>
