Less媒体查询中的嵌套类

Question

我正在使用LESS进行媒体查询。 事实上，我有一个关于嵌套类的问题，这些嵌套类与媒体查询不同。这是移动设备上的html代码：

<li>
<a id="play" href="#"></a>
<a id="play" href="#"></a> 
<li>

而桌面上的代码应为：

<li>
<div id="btnItem"> 
<a id="play" href="#"></a>
<a id="play" href="#"></a> 
</div>
<li>

总而言之，区别在于桌面上的div标签。我怎么能用CSS编写代码呢？这是对的吗？

li{
  @media @desktop{
    div{
    }
  }
 a{
   @media @desktop{
   }
 }
} 

有什么想法吗？