Question

定义css 语法解释

.screen-hd .map .mod-d .mod-wrap {
border-right: medium none;
margin: 0 10px;
padding: 0;
}
是什么意思？
screen-hd于map，mod-d，参数相同还是有什么继承关系 还是什么关系 搞不明白

Answer 1

空格隔开写法表示子元素或孙子元素

.div1 .div2{...} 的样式最终生效于.div2
<div class="div1">
    <div class="div2">div2</div>
</div>

直接给你例子就明白了：

.screen-hd .map .mod-d .mod-wrap{...}
<div class="screen-hd">
    <div class="map ">
        <div class=".mod-d">
            <div class=".mod-wrap">最终生效的是这里</div>
        </div>
    </div>
</div>

参数相同的定义应该是用逗号隔开，如：

.head,.main{width:1000px;}意思是.head和.main的宽都为1000px

Answer 2

意思就是定义.mod-wrap的样式，前面的一大堆没什么用，只是声明这个样式的位置，就是只有这个位置下的.mod-wrap应用这个样式。

里面的值是：
右边框为无；
边距上下为0，左右10像素；
内填充为0;

Answer 3

css语法里面空格代表后代选择器，是代表secreen-ha里面的map里面的mod-d里面的类名为mod-wrap的div，他的属性是{}大括号里面的那些属性，这个是一层一层选择下来的

Answer 4

表示 爷爷》爸爸》儿子》孙子 的一个层级关系

那样写只对某某爷爷下面的孙子有效

若在中间加个,表示的是大表哥，二表哥，三表哥，四表哥的关系，对所有的表哥都有效

Answer 5

继承关系，也就是.screen-hd .map .mod-d
这三个类下面的.mod-wrap
的样式是

border-right: medium none;
margin: 0 10px;
padding: 0;