css中用#id.class的形式定义样式,为什么这样用,不直接写成.class.代码如下:#skin_0.selected{}这种的
2014-06-26 00:19
253 查看
<ul class="skin"> <li id="skin_0" title="蓝色" class="selected">蓝色</li> <li id="skin_1" title="紫色">紫色</li> <li id="skin_2" title="红色">红色</li> <li id="skin_3" title="天蓝色">天蓝色</li> <li id="skin_4" title="橙色">橙色</li> <li id="skin_5" title="浅绿色">浅绿色</li> </ul> css中: #skin_0.selected{background-position:0px 0px;} #skin_1.selected{background-position:15px 0px;} #skin_2.selected{background-position:35px 0px;} #skin_3.selected{background-position:55px 0px;} #skin_4.selected{background-position:75px 0px;} #skin_5.selected{background-position:95px 0px;}
#id.class的意思是一个元素定义了一个id的同时还具备对应的一个class样式。例如#skin_0.selected这个样式,就只有在li定义了id为skin_0的同时还定义了.selected的时候才会生效,如果只是给li单单定义一个selected,这个样式是不会生效的。 因为你的这一段css代码里面,列表里的6个LI的背景是一个大图里面的六个部分,所以就要单独定义每一个li的背景,但一个li被选中时,JS会给它加上一个selected的CLASS,如果直接写成.selected,就不能单个定义这6个li被选中的状态了~~
相关文章推荐
- css教程之样式表的基本语法(二) class(类)和id的一个小实例
- CSS-----CSS 样式代码插入的形式
- css中id和class的定义格式、使用技巧及选择
- CSS定义Radio单选项和Checkbox复选框样式有效代码
- css利用id和class来控制元素样式技巧总结
- CSS的定义中id与class差别
- css id 类名 标签名定义元素样式-----权重分析
- .css文件中各样式写法:html标签,id,class
- JS直接修改CSS属性/id属性/class属性
- Css中为对象应用样式的三种方法:id,class,style
- CSS基础知识-四(边框样式、caption、表格居中、边框宽度和高度、id和class的区别、Div+CSS布局)
- css中class属性和id属性的样式文件…
- Jquery获取css中id和class样式的动作-#id和.class
- div+css样式表中ID与CLASS的使用技巧
- 实例CSS中如何正确的使用 id 和 class?
- STL程序设计实践七:尽量定义class形式的Function Object
- 在网页中页中加入CSS有几种方法!以及在样式定义有冲突时的优先级如何分配!
- 用css alpha 滤镜 实现input file 样式美化代码
- 用css alpha 滤镜 实现input file 样式美化代码
- DIV+CSS中ID和CLASS