css文件定义，定义都看不懂，还怎么引用啊...

[css] view plaincopy

1. /*第一组*/
2. .tags{}
3. #tags{}
4. LI{}
5. /*第二组*/
6. .tags .mycss{}
7. /*第三组*/
8. #tags .mycss{}
9. #tags.mycss{}
10. /*第四组*/
11. LI .mycss{}
12. LI.mycss {}
13. /*第五组*/
14. LI:hover{}

[xhtml] view plaincopy

1. <!--第一组-->
2. <div class="tags">可以多个标签去引用.开头的css</div>
3. <div id="tags">一个页面id是唯一的，一般都是一个标签去引用#开头的css</div>
4. <li>当一个css样式的定义名字和html标签名相同，则在某个范围里面的这个标签会自动显示该样式</li>
5. <!--第二组-->
6. <div class="tags"><div class="mycss">在第一组的基础上有了约束条件：".mycss"只有在".tags"的标签内才能可见，否则不可见</div></div>
7. <!--第三组-->
8. <div id="tags"><div class="mycss">与第二组同理：".mycss"只有在"#tags"的标签内才能可见引用才有效，否则不可见</div></div>
9. <div id="tags" class="mycss">需要特别注意（没有空格）：只有id为"tags"的标签才能引用".mycss",才有效果，否则无效</div>
10. <!--第四组-->
11. <li><div class="mycss">与第三组同理：".mycss"只有在<li>标签内才能可见引用才有效，否则不可见</div></li>
12. <li class="mycss">需要特别注意（没有空格）：只有<li>标签才能引用".mycss",才有效果，否则无效</li>
13. <!--第五组-->
14. <li >需要特别注意（冒号）：一个标签有很多属性，想针对某个标签的属性定义样式，就这样实现。hover是鼠标经过的意思，该li标签在有鼠标经过时就会自动的现实css样式，不用写js脚本去实现啦</li>