<div style="width: 100%; height: 10%;"> <div style="background-color: blue; width: 10%; margin: 0 auto;">xx</div> <div style="background-color: black; width: 10%; float: right;">dd</div> <div style="background-color: gray; width: 10%; float: right; margin-right: 20px;">ss</div> </div> 把这段代码写成less样式

您可以将上述代码转换为 LESS 样式，如下所示：

.parent {
  width: 100%;
  height: 10%;

  .child-blue {
    background-color: blue;
    width: 10%;
    margin: 0 auto;
  }

  .child-black {
    background-color: black;
    width: 10%;
    float: right;
  }

  .child-gray {
    background-color: gray;
    width: 10%;
    float: right;
    margin-right: 20px;
  }
}

然后，您可以将上述 LESS 样式编译为 CSS 使用。请确保在 HTML 中使用类名 `.parent` 和相应的子类名 `.child-blue`、`.`child-black、`.child-gray`。