css后代选择器和子元素选择器，css鼠标悬浮变色原理？
1、首先新建一个html文件，命名为test.html，在test.html文件内，使用table标签创建一个表格，用于测试。
2、在test.html文件内，设置table标签的class属性为mytable，同时设置边框为1px。
3、接着在css标签内，通过class设置表格的样式，定义它的宽度为300px,高度为200px。
4、在css标签内，通过td元素名称和“:hover”选择器定义当鼠标指向单元格时，改变单元格的背景颜色，设置为红色。
5、最后在浏览器打开test.html文件，鼠标经过之后，即可变色。
0
css派生器区别是什么？
派生选择器 可以使一个元素里的子元素定义样式 例如： li a { font-size:14px} 就是给li下的子元素a定义一个14px号像素的字体样式 类别选择器 在html中引入css样式通常由，类别选择器 在CSS中用一个“.”点开头表示 如：.box {width:960px; margin:0 auto; padding:0px; overflow:hidden} 在html页面中，用class="类别名"的方法调用： 这里是内容 类别选择器方法比较简单灵活，可以随时根据页面的需求新建和删除 还有，id选择器 在CSS中用“#”号开头表示 如：#box {width:960px; margin:0 auto; padding:0px; overflow:hidden} 在html页面中，用id="类别名"的方法调用： 这里是内容 id选择器和类别选择器其实是一样的 通常id选择器仅是用来表示不重复的样式 相对的来说，类别选择器灵活一些，而id选择器仅表示重要的样式字段
jquery中子元素和后代元素的区别？
和现实生活中的概念一样，子就是指儿子，是自己直接生出来的，而后代则是指儿子、孙子、曾孙、重孙……十八代……乃至千秋万代，即辈分低于自己的所有都是后代。
比如下面的：
111 222 333......
ul是div的子元素，p也是div的子元素，li是ul的子元素，span是p的子元素，li和span不是div的子元素；
而ul、li、p、span都是div的后代元素。
在jquery中，$("div ul") 这样选择的其实是后代元素，即ul不管与div隔了多少代都会被选中；只有 $("div>ul") 这样才是真正选择的子元素，即紧挨着div的ul
hover用法？
在CSS中hover用于选择鼠标指针浮动在上面的元素，语法“标签选择器:hover{样式代码;}”，用法：1、直接在悬浮元素上改变样式；2、改变子元素的样式；3、改变同级元素的样式；4、改变就近元素的样式等。
在CSS中有个hover属性，当鼠标移上去的时候可以将其激活，它可以用来实现类似于js的一些功能。