Question

假设您有10个HTML元素，其中ID为1到9;元素1有private void findDevice() { Set<BluetoothDevice> pairedDevices = bluetoothAdapter.getBondedDevices(); if (pairedDevices.size() > 0) { for (BluetoothDevice device : pairedDevices) { if (device.getName().equals(DEVICE_NAME)) { bluetoothDevice = device; deviceFound = true; break; } } } }等。这就是我想要做的。 “（IdNumber）”不在语法中，仅用于说明：

id="1"

所以最终结果应该使每个元素的宽度等于它的id;第一个元素的宽度是1％，等等。我想使用未指定的CSS选择器的结果，就像这里的id字符串一样，在括号内作为值。

Answer 1

它应该是这样的：

@for $w from 1 through 9 {
  ##{$w} {
    width: unquote('#{$w}%');
  } 
}

但是我强烈建议在你的id前面添加一些字符，因为虽然纯数字id是allowed in html5，但对于html4来说并非如此，它通常会导致问题，因为纯粹的数字id无法区分从数字。

Answer 2

（使用LESS）您可以通过以下方式实现此目的： EG HTML：

<div id="MyDiv">
  <div id="MyDiv1"></div>
   <div id="MyDiv2"></div>
</div>

LESS：

#MyDiv{
  width:500px;
  height:200px;
  border:red 1px solid;
  #MyDiv1{
    width: 10%;
    height:20px;
    border:red 1px solid;
  }
}
.setWidth{
  width: 20%;
}
#MyDiv2{
  .setWidth;  
  height:30px;
  border:red 1px solid;
}

Answer 3

您可以在css上使用属性选择器，但是您应该分别为每个id编写样式，对于eaxmple：

Html：

<div id="1"></div>
<div id="2"></div>
<div id="3"></div>
<div id="4"></div>

Css：

<style>
    div {
        background-color: blueviolet;
        margin: 10px;
        border: 1px solid gray;
        height: 30px
    }
     [id="1"] {
         width: 1%;

     }
    [id="2"] {
        width: 2%;
    }
    [id="3"] {
        width: 3%;
    }
    [id="4"] {
        width: 4%;
    }
</style>

我希望它有用。

如何在括号内访问css选择器结果？

3 个答案: