大括号里各项用分号隔开吗？

Question

.food>li{border:1px solid red;}这个中间怎么用空格不用分号呢？

Answer 1

你好，这个是一个属性里面的不同值，都是这个属性的值，不同属性要用分好隔开的，像这样：

.class{
    width:100px;
    heigth:100px;
    border:1px solid red;
}

border 简写属性在一个声明设置所有的边框属性。

可以按顺序设置如下属性：

border-width     规定边框的宽度

border-style       规定边框的样式

border-color      规定边框的颜色

意思就是这个属性下的一些属性，用空格隔开就可以了，但是到对应，可以参官方文档。

望采纳！

Answer 2

唉，很多人在误人子弟啊。。为什么用空格而不用分号是因为这个叫简写属性。可以在一个声明中同时设定多个属性。

你这个例子里面，其实你无论怎么写三个属性的顺序，其结果都是一样的，都是1px的红色实线边框。border: red solid 1px; 和你的写法一模一样。（说实话为什么我也不知道）

同样的还有类似于margin这种，他可以写4个: margin:1px 2px 3px 4px; 意思是上、右、下、左的外边距分别是1,2,3,4。

同时呢，又能写三个属性 margin: 1px 2px 3px; 说明上是1，下是3，左右是2.

也就是说有些简写属性是有顺序的，有些是没顺序的。个人感觉只能靠经验积累。

回到你的问题：同一个属性的简写属性间用空格，不同属性间用分号。

Answer 3

因为border是复合属性，他是border-width,border-color,border-style三个属性的简写。font和background也是复合属性啊。