热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

求高手解答:css中两个class连写(中间没有空格)是什么意思?

我在看jquerymobile的css,发现有两个class是连在一起的,中间没有空格隔开。如下:*Activebutton*.ui-page-theme-a.ui-btn.
我在看jquery mobile的css,发现有两个class是连在一起的,中间没有空格隔开。
如下:
/* Active button */
.ui-page-theme-a .ui-btn.ui-btn-active,

不是:
.ui-page-theme-a .ui-btn.ui-btn-active,


注意 .ui-btn和.ui-btn-active之间没有空格,这是什么意思呢?

5 个解决方案

#1


没有空格的
有空格的

#2


没空格是 一个标签上的 class
有空格 的  如有空格的

 样式 .ui-btn .ui-btn-active 是有效的~~ 
当然 对于 
  • 有空格的

这样子 也是有效的    

 .ui-btn .ui-btn-active 的意思是 class=ui-btn 标签下的  class=ui-btn-active 的标签 
不一定是儿子  是孙子 也可以~~~

如果一定要儿子 那么 .ui-btn  >  .ui-btn-active 

#3


一个元素同时拥有没连接的多个类

#4


就是一个元素的class属性中要同时有这两个类名,样式才生效

#5


4楼才是正解!

推荐阅读
author-avatar
2d15064efa_556
这个家伙很懒,什么也没留下!
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有