有没有办法让这个CSS更简洁？

下面的CSS似乎在做我想要的事情。只是想知道它是否可以被修剪，并仍然做同样的事情

.qr-setup {
  text-align: center  ;
  margin-left: auto  ;
  margin-right: auto  ; 
  width:40%  ;}

.qr-setup table {
  text-align: center  ;
  margin-left: auto  ;
  margin-right: auto  ; 
  width:80%  ;
}

.qr-setup table tr td {
  border: none;
  text-align: center  ;
  margin-left: auto  ;
  margin-right: auto  ; 
  width:80%  ;
}

你只需要这个：

.qr-setup {
    width:40%;
}

.qr-setup table, .qr-setup table tr td {
    width:80%;
}

.qr-setup table tr td {
    border: none;
}

.qr-setup, .qr-setup table, .qr-setup table tr td {
    text-align: center;
    margin-left: auto;
    margin-right: auto; 
}

您可以使用逗号对列出的所有内容重复css。

您只需要：

.qr-setup {
    width:40%;
}

.qr-setup table, .qr-setup table tr td {
    width:80%;
}

.qr-setup table tr td {
    border: none;
}

.qr-setup, .qr-setup table, .qr-setup table tr td {
    text-align: center;
    margin-left: auto;
    margin-right: auto; 
}

.qr-setup, .qr-setup table, .qr-setup tr td {
  text-align: center  ;
  margin-left: auto  ;
  margin-right: auto  ; 
  width: 80%;}

.qr-setup {
  width:40%  ;
}

.qr-setup table tr td {
 border: none;

您可以使用逗号对列出的所有内容重复css

.qr-setup, .qr-setup table, .qr-setup tr td {
  text-align: center  ;
  margin-left: auto  ;
  margin-right: auto  ; 
  width: 80%;}

.qr-setup {
  width:40%  ;
}

.qr-setup table tr td {
 border: none;

}

---

}甚至还有一个缩写

margin-left: auto;
margin-right: auto;

即

margin:0 auto;

---

此代码将页边距顶部和页边距底部设置为0，将页边距左侧和页边距右侧设置为自动。

甚至还有一个缩写

margin-left: auto;
margin-right: auto;

即

margin:0 auto;

---

此代码将页边距顶部和页边距底部设置为0，将页边距左侧和页边距右侧设置为自动。

我认为他仍然需要td上的宽度，因为宽度未被继承。我认为他仍然需要td上的宽度，因为宽度未被继承。@user1147171仅供参考，除非这些表格从其他地方获得页边距，您不需要边距：auto，因为它默认为auto。谢谢大家@利什，记住这一点很好。在这种情况下，页边距是必需的。@user1147171仅供参考，除非这些表从其他地方获得页边距，否则您不需要页边距：auto，因为它默认为auto。谢谢大家@利什，记住这一点很好。在这种情况下，保证金是必要的。