less 使用上一层传进来的方法 报错

Question

<style type="text/less">
    @b:b;
    .test{
        .a(@x:200px){
            width: @x;
            .b(@y:400px){
                width: @x;
            }
        }
    }
    #@{b}{
        .test > .a > .b(200px);
    }
</style>
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.7.2/less.min.js"></script>


<div class='test'>你你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好好</div>
<div id="b">
    <span>测试</span>
    <span class="test">1111111111</span>
</div>

为什么会报@x undefined 网上看资料说 可以使用上层传进来的方法 也就是.b中的@x