Ar Líne NÍOS A Tiontaire CSS

Cabhraíonn LESS To CSS Converter leat LESS a thiontú go CSS ar líne.

LÍOS go dtí an tiontaire CSS is simplí

Ligeann an uirlis ar líne saor in aisce seo duit comhad NÍOS LÚ a thiontú i gcomhad CSS. Just a ghreamú do LÚIDE san fhoirm thíos agus beidh sé a thiontú láithreach chuig CSS Ní gá a íoslódáil nó a shuiteáil aon bhogearraí. Saor

Uirlis cad is tiontaire NÍOS LÚ go CSS ann?

Athraíonn an tiontaire LESS go CSS seo sonraí agus comhaid níos lú go sonraí agus comhaid CSS. Ligeann an tiontaire seo ionchur a shaincheapadh NÍOS LÚ agus CSS aschuir Glacann sé freisin comhaid NÍOS le carachtair saincheaptha teorannóir colún agus carachtair athfhriotail réimse. Tacaíonn sé le línte tuairimí agus is féidir leat neamhaird a dhéanamh go roghnach ar línte folamh. Is féidir leat freisin cé mhéad spás atá le húsáid sa eangú CSS aschuir a athrú.

Conas níos lú a thiontú go CSS?

Céim 1: Roghnaigh do ionchur. Iontráil Sonraí.
Céim 2: Roghnaigh roghanna aschur (roghnach) Roghanna Aschuir.
Céim 3: Gin aschur.

Samplaí de thiontairí CSS NÍOS LÚ

NÍOS LÚ

@base: 24px;
@border-color: #B2B;

.underline { border-bottom: 1px solid green }

#header {
  color: black;
  border: 1px solid @border-color + #222222;

  .navigation {
    font-size: @base / 2;
    a {
    .underline;
    }
  }
  .logo {
    width: 300px;
    :hover { text-decoration: none }
  }
}

CSS

.underline {
    border-bottom: 1px solid green;
}
#header {
    color: black;
    border: 1px solid #dd44dd;
}
#header .navigation {
    font-size: 12px;
}
#header .navigation a {
    border-bottom: 1px solid green;
}
#header .logo {
    width: 300px;
}
#header .logo :hover {
    text-decoration: none;
}