Lessエスケープ文字
無効なCSS構文やLessで認識できない文字を導入する必要がある場合は、エスケープ文字を使用する必要があります.この場合、文字列の前に~を付け、エスケープが必要な文字列を「」に置くことができます.書式:
~"anything"
コンパイル時に,~"anything"に含まれるコンテンツは,コンパイル後のCSSファイルにそのまま出力される.たとえば、次のLessコードがあります.
コンパイル後のCSSコードは次のとおりです.
作者について
首を傾げる先生、15年以上のソフトウェアの開発経験、Webの開発が大好きで、HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrapなどに精通して、『HTML宝典』、『揭秘CSS』、『Less簡明教程』、『JSON教程』、『Bootstrap 2ユーザーガイド』、『Bootstrap 3実用教程』を著して、そしてすべてGitHubの上で源を開きます.
~"anything"
コンパイル時に,~"anything"に含まれるコンテンツは,コンパイル後のCSSファイルにそのまま出力される.たとえば、次のLessコードがあります.
.weird-element {
content: ~"^//* some horrible but needed css hack";
}
コンパイル後のCSSコードは次のとおりです.
.weird-element {
content: ~"^//* some horrible but needed css hack";
}
作者について
首を傾げる先生、15年以上のソフトウェアの開発経験、Webの開発が大好きで、HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrapなどに精通して、『HTML宝典』、『揭秘CSS』、『Less簡明教程』、『JSON教程』、『Bootstrap 2ユーザーガイド』、『Bootstrap 3実用教程』を著して、そしてすべてGitHubの上で源を開きます.