『漫游』酷论坛>『漫游水世界』>css求救

css求救

soyou@2012-01-03 16:34

有段代码是这样的
<div class=“a-b-c”>
在脚本里写入.a-b-c{display:none}就能让它消失
但是，代码里如果有空格了
<div class=“a b c”>
怎么让它消失？


我试过这样
div[class^="a"]{display:none}
不过下面还有行
<div class=“a d”>
也跟着一起消失了

div[class*="b"]{display:none}
和
div[class$="c"]{display:none}
都没反应
[ 此帖被soyou在2012-01-03 17:27重新编辑 ]
引用

56824419@2012-01-03 18:40

class=“a b c”代表a、b、c，3个样式。。。。。
引用

soyou@2012-01-03 19:06

虽然没学过，我觉得那是指一个吧？
把代码改成
<div class=“a-b-c”>
的话就能用
.a-b-c{display:none}
达到预期的效果

直接把代码改成这样也能达到预期的效果
<div class=“a b c”hidden>

可是不改代码用css就是没办法
[ 此帖被soyou在2012-01-03 20:06重新编辑 ]
引用

56824419@2012-01-03 20:04

引用
引用第2楼soyou于2012-01-03 19:06发表的  :
哦，自己乱撞撞出来了
原来要写成这样
div[class="a;b;c"]{display:none}


。。。。

.a, .b, .c {display:none}
引用

soyou@2012-01-03 20:07

引用
引用第3楼56824419于2012-01-03 20:04发表的  :

。。。。

.a, .b, .c {display:none}

刚才那个错的，我弄错了页面以为代码起效了

.a, .b, .c {display:none} 不管用
引用

56824419@2012-01-03 20:58

引用
引用第4楼soyou于2012-01-03 20:07发表的  :

刚才那个错的，我弄错了页面以为代码起效了

.a, .b, .c {display:none} 不管用


注意全角半角。。。不过刚才我的确傻了。。。。

.a, .b, .c {display:none;}这样才对，少打个分号。。。不过这个应该不影响效果。。。。另外就是看是否有其他优先级更高的样式存在例如#xxxx .a,#xxxx .b,#xxxx .c之类的~~~ID优先级会比Class高
引用

soyou@2012-01-03 22:05

还是不行，算了，不折腾了....
引用

phantom_14@2012-01-03 23:47

a b c这样的写法代表着同时使用abc三个class的定义

这个时候如果发生了重复定义,那么以最前面那个为准,也就是以a的定义为准
引用
| TOP