Css 如何在背景速记规则中使用线性渐变？

为什么我会得到不同的结果：

body {
  background: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), 
  linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black) 0 0, 30px 30px/60px 60px  #eee;
}

body {
  width: 100px;
  height: 100px;
  background-color: #eee;
  background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), 
  linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
  background-size: 60px 60px;
  background-position:0 0, 30px 30px;
}

当我试图得到这个结果时：

body {
  background: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), 
  linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black) 0 0, 30px 30px/60px 60px  #eee;
}

body {
  width: 100px;
  height: 100px;
  background-color: #eee;
  background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), 
  linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
  background-size: 60px 60px;
  background-position:0 0, 30px 30px;
}

?

---

这里的语法有点错误：

background: linear-gradient(45deg, black 25%, transparent 25%,
              transparent 75%, black 75%, black),
            linear-gradient(45deg, black 25%, transparent 25%,
              transparent 75%, black 75%, black) 0 0, 30px 30px/60px 60px  #eee;
                                                   ^^^

这里的逗号错了，它需要结束

              transparent 75%, black 75%, black) 0 0 30px 30px/60px 60px  #eee;

---

这里的语法有点错误：

background: linear-gradient(45deg, black 25%, transparent 25%,
              transparent 75%, black 75%, black),
            linear-gradient(45deg, black 25%, transparent 25%,
              transparent 75%, black 75%, black) 0 0, 30px 30px/60px 60px  #eee;
                                                   ^^^

这里的逗号错了，它需要结束

              transparent 75%, black 75%, black) 0 0 30px 30px/60px 60px  #eee;

---

简而言之就是：

正文{
背景：
0 0/60px 60px线性梯度（45度，黑色25%，透明25%，透明75%，黑色75%，黑色），
30px 30px/60px 60px线性梯度（45度，黑色25%，透明25%，透明75%，黑色75%，黑色）#eee；
}

这方面的简称是：

正文{
背景：
0 0/60px 60px线性梯度（45度，黑色25%，透明25%，透明75%，黑色75%，黑色），
30px 30px/60px 60px线性梯度（45度，黑色25%，透明25%，透明75%，黑色75%，黑色）#eee；
}