搜索 社区服务 统计排行 帮助
  • 1657阅读
  • 7回复

css求救

楼层直达
级别: 光明使者
注册时间:
2006-04-22
在线时间:
808小时
发帖:
9795
— 本帖被 sakuraahn 执行锁定操作(2012-07-07) —
有段代码是这样的
<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重新编辑 ]
级别: 风纪警察
注册时间:
2002-10-13
在线时间:
1123小时
发帖:
133737
只看该作者 7楼 发表于: 2012-01-03
a b c这样的写法代表着同时使用abc三个class的定义

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


在世界的中心呼唤店宝
级别: 光明使者
注册时间:
2006-04-22
在线时间:
808小时
发帖:
9795
只看该作者 6楼 发表于: 2012-01-03
还是不行,算了,不折腾了....
级别: 光明使者
注册时间:
2002-12-02
在线时间:
3629小时
发帖:
12559
只看该作者 5楼 发表于: 2012-01-03
引用
引用第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高

来た、見た、勝った!

「花は桜木、人は武士」——一休宗純

燃えましょう!不死鳥!

俺は自分の戦争を始めた、俺は刀だ、俺の敵を必ず一刀両断にする。

昔は空を自由に飛ぶ鳥だったが、翼に矢を受けてしまってな...

小楼春雨伊人,清风樱舞留香。

免费VPN,支持android,如无法访问请先使用Hotspot Shield
http://tenacy-free.com/

Blog
http://www.wujunjie.me

为了防止某些想法被遗忘,也为了便于整理,会贴些疯言疯语——拒绝跨省~O~
级别: 光明使者
注册时间:
2006-04-22
在线时间:
808小时
发帖:
9795
只看该作者 4楼 发表于: 2012-01-03
引用
引用第3楼56824419于2012-01-03 20:04发表的  :

。。。。

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

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

.a, .b, .c {display:none} 不管用
级别: 光明使者
注册时间:
2002-12-02
在线时间:
3629小时
发帖:
12559
只看该作者 3楼 发表于: 2012-01-03
引用
引用第2楼soyou于2012-01-03 19:06发表的  :
哦,自己乱撞撞出来了
原来要写成这样
div[class="a;b;c"]{display:none}


。。。。

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

来た、見た、勝った!

「花は桜木、人は武士」——一休宗純

燃えましょう!不死鳥!

俺は自分の戦争を始めた、俺は刀だ、俺の敵を必ず一刀両断にする。

昔は空を自由に飛ぶ鳥だったが、翼に矢を受けてしまってな...

小楼春雨伊人,清风樱舞留香。

免费VPN,支持android,如无法访问请先使用Hotspot Shield
http://tenacy-free.com/

Blog
http://www.wujunjie.me

为了防止某些想法被遗忘,也为了便于整理,会贴些疯言疯语——拒绝跨省~O~
级别: 光明使者
注册时间:
2006-04-22
在线时间:
808小时
发帖:
9795
只看该作者 2楼 发表于: 2012-01-03
虽然没学过,我觉得那是指一个吧?
把代码改成
<div class=“a-b-c”>
的话就能用
.a-b-c{display:none}
达到预期的效果

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

可是不改代码用css就是没办法
[ 此帖被soyou在2012-01-03 20:06重新编辑 ]
级别: 光明使者
注册时间:
2002-12-02
在线时间:
3629小时
发帖:
12559
只看该作者 1楼 发表于: 2012-01-03
class=“a b c”代表a、b、c,3个样式。。。。。

来た、見た、勝った!

「花は桜木、人は武士」——一休宗純

燃えましょう!不死鳥!

俺は自分の戦争を始めた、俺は刀だ、俺の敵を必ず一刀両断にする。

昔は空を自由に飛ぶ鳥だったが、翼に矢を受けてしまってな...

小楼春雨伊人,清风樱舞留香。

免费VPN,支持android,如无法访问请先使用Hotspot Shield
http://tenacy-free.com/

Blog
http://www.wujunjie.me

为了防止某些想法被遗忘,也为了便于整理,会贴些疯言疯语——拒绝跨省~O~