如何在[class ^ =“$ variables”]等css属性选择器中使用sass变量？

Question

@mixin fullwidth($breakpoint,$grid-size)
{
    $varGridsize:col-#{$grid-size};
    @media only screen and (max-width: #{$breakpoint}px) { 
        [class ^="$varGridsize"]{width:100%;}
    }
}

我们如何在这个[class ^="$varGridsize"]选择器中添加一个变量，它将它视为一个字符串并在css文件中返回一个字符串

[class^="$varGridsize"] {
    width: 100%;
}

Answer 1

只需将$(document).ready(function () { var latitude; var longitude; if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function (position) { latitude = position.coords.latitude; longitude = position.coords.longitude; }); } $("#getTemp").on("click", function () { var appid = 'xxxxxxxxxxxxxxxxxxxxxxx'; var url = "api.openweathermap.org/data/2.5/weather?lat=" + latitude + "&lon=" + longitude + "&appid" + appid; $.getJSON(url, function (json) { $(".message").html(JSON.stringify(json)); }); }); 包裹在$varGridsize中，例如：

#{}