Question

我想做这样的事情：

for $num in (1..100)
  :scope[md="$num"]
    width: $num + '%'

但它给了我这个

:scope[md="$num"] {
  width: 1%;
}
:scope[md="$num"] {
  width: 2%;
}

如何在选择器中替换$ num？

Answer 1

你必须使用插值。在评论中，Jcl因删除引号而犯了一点错误：

<强> STYLUS

$(function () {
$('#container').highcharts({
    colors: ['yellow', 'red', 'green', 'purple', 'black']
    , chart: {
        type: 'bar'
    }
    , title: {
        text: ''
    }
    , subtitle: {
        enabled: false
    }
    , exporting: {
        enabled: false
    }
    , xAxis: {
        categories: ['<?php echo $Product_1; ?>', '<?php echo $Product_2; ?>', '<?php echo $Product_3; ?>', '<?php echo $Product_4; ?>', '<?php echo $Product_5; ?>', '<?php echo $Product_6; ?>', '<?php echo $Product_7; ?>', '<?php echo $Product_8; ?>', '<?php echo $Product_9; ?>', '<?php echo $Product_10; ?>', '<?php echo $Product_11; ?>']
        , title: {
            text: null
        }
    }
    , yAxis: {
        max: 100
        , min: 0
        , title: {
            enabled: false
        }
        , labels: {
            overflow: 'justify'
        }
    }
    , tooltip: {
        enabled: false
    }
    , plotOptions: {
        bar: {
            dataLabels: {
                enabled: true
            }
        }
    }
    , legend: {
        enabled: false
    }
    , credits: {
        enabled: false
    }
    , series: [{
        name: 'Year 1800'
        , data: [<?php echo $Score_1; ?>, <?php echo $Score_2; ?>, <?php echo $Score_3; ?>, <?php echo $Score_4; ?>, <?php echo $Score_5; ?>, <?php echo $Score_6; ?>, <?php echo $Score_7; ?>, <?php echo $Score_8; ?>, <?php echo $Score_9; ?>, <?php echo $Score_10; ?>, <?php echo $Score_11; ?>]
      }]
    });
});

<强>输出

for $num in (1..100)
  :scope[md={$num}]
    width: $num + '%'

如果您希望输出带引号，可以像这样转义：

:scope[md=1] {
  width: 1%;
}
:scope[md=2] {
  width: 2%;
}
:scope[md=3] {
  width: 3%;
}
...

如何在选择器中使用手写笔变量

1 个答案: