JAVASCRIPT
VUE
REACT
NODE
ES6
TYPESCRIPT

Less混入

2020. 07. 24    

Less混入

Less 写法

.bordered {
  border-top: dotted 1px black;
  border-bottom: solid 2px black;
}
.post a {
  color: red;
  .bordered();
}

css 写法

.bordered {
  border-top: dotted 1px black;
  border-bottom: solid 2px black;
}
.post a {
  color: red;
  border-top: dotted 1px black;
  border-bottom: solid 2px black;
}

Less 写法2

.bordered {
  a{
    border-top: dotted 1px black;
    border-bottom: solid 2px black;
  }
}
.post {
  color: red;
  .bordered();
}

css 写法2

.bordered {
  border-top: dotted 1px black;
  border-bottom: solid 2px black;
}
.post {
  color: red;
  a{
    border-top: dotted 1px black;
    border-bottom: solid 2px black;
  }
}

Less 写法3

@bordered: {
  border-top: dotted 1px black;
  border-bottom: solid 2px black;
}
.post {
  color: red;
  @bordered();
}

css 写法3

.bordered {
  border-top: dotted 1px black;
  border-bottom: solid 2px black;
}
.post {
  color: red;
  border-top: dotted 1px black;
  border-bottom: solid 2px black;
}
# Less