问题描述

下面是一段css文件代码，请问大神~是什么意思！谢谢

.mui-content
{
background-color: #efeff4;

-webkit-overflow-scrolling: touch;

}

.mui-bar-nav ~ .mui-content
{
padding-top: 44px;
}

解决方案

webkit内核独有属性，其他浏览器不支持，允许独立的滚动区域和触摸回弹
http://zhidao.baidu.com/link?url=4B2rCIqCbFTApJ_3tksU_1NOc-jBPfhF5IqONIUl3wRvi8dmt-SgMl4XomqoMQ0JdkG9LR28WFr6llnu2WxCV_

第二个是css3通用兄弟元素选择器类型
http://www.cnblogs.com/libingql/p/4375354.html

解决方案二：

第一个是设置背景，-webkit-overflow-scrolling:touch”(允许独立的滚动区域和触摸回弹)，这个是对苹果浏览器起作用
下面那个是设置上面的空隙

解决方案三：

这是 CSS3 element1~element2 选择器
定义和用法
　　element1~element2 选择器 element1 之后出现的所有 element2。
　　两种元素必须拥有相同的父元素，但是 element2 不必直接紧随 element1。
实例
为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景：
p~ul
{
background:#ff0000;
}
element1~element2

p~ul

选择前面有

元素的每个

元素。