LESS - Kaçış
Açıklama
Seçicileri dinamik olarak oluşturur ve özelliği veya değişken değerini keyfi dizge olarak kullanır.
Misal
Aşağıdaki örnek, LESS dosyasında kaçış kullanımını gösterir -
<html>
<head>
<title>Less Escaping</title>
<link rel = "stylesheet" type = "text/css" href = "style.css" />
</head>
<body>
<h1>Example using Escaping</h1>
<p>LESS enables customizable, manageable and reusable style sheet for web site.</p>
</body>
</html>
Şimdi style.less dosyasını oluşturun.
style.less
p {
color: ~"green";
}
Aşağıdaki komutu kullanarak style.less dosyasını style.css olarak derleyebilirsiniz -
lessc style.less style.css
Yukarıdaki komutu çalıştırın, aşağıdaki kodla style.css dosyasını otomatik olarak oluşturacaktır -
style.css
p {
color: green;
}
Her şey yazılı içeride ~ "yazi" olarak gösterilecektir yazi CSS koduna AZ kod derleme sonra.
Çıktı
Yukarıdaki kodun nasıl çalıştığını görmek için şimdi aşağıdaki adımları gerçekleştirelim -
Yukarıdaki html kodunu şuraya kaydedin: escaping.html dosya.
Bu HTML dosyasını bir tarayıcıda açın, aşağıdaki çıktı görüntülenecektir.