[分享]css只写属性不写属性值

在CSS的编写过程中，我们通常会按照以下的方式书写CSS属性：

selector {
  property1: value1;
  property2: value2;
  property3: value3;
} 

但是，有时候我们也可以只书写属性而不写属性值。这种方式在某些情况下可以简化代码，提高编写效率。

举个例子，如果我们想要为一些元素设置相同的边框宽度、边框样式和边框颜色，普通写法可能会是这样：

.selector1 {
  border-width: 1px;
  border-style: solid;
  border-color: #000;
}

.selector2 {
  border-width: 1px;
  border-style: solid;
  border-color: #000;
}

.selector3 {
  border-width: 1px;
  border-style: solid;
  border-color: #000;
}

// 略去后续样式 

而如果我们只写属性而不写属性值，可以这样来书写：

.selector1, .selector2, .selector3 {
  border: ; // 只写属性不写属性值
}

// 略去后续样式 

在这个例子中，我们只需要编写一个属性来代表边框的宽度、样式和颜色，然后对多个元素进行选择器列表的方式进行设置。

除了边框属性，有些属性也可以使用只写属性的方式进行设置，例如：

text-decoration: ; // 文字修饰
font: ; // 字体
margin: ; // 外边距
padding: ; // 内边距 

需要注意的是，只写属性的方式并不是所有属性都适用，有些属性需要明确指定属性值才能生效。因此，使用只写属性的方式时需要谨慎，视情况而定。