Html 我怎样才能轻松地设计一系列CSS类（._15、._16、._17……._37）？

简单快捷：

---

HTML+CSS（无js）-代码100%有效，但有一件事：

<!-- ***** HTML CODE ***** -->
<!-- (more) -->
<img src="img/sample.jpg" class="_154" ></img>
<img src="img/sample.jpg" class="_155" ></img>
<img src="img/sample.jpg" class="_156" ></img>
<img src="img/sample.jpg" class="_157" ></img>
<img src="img/sample.jpg" class="_158" ></img>
<!-- (more) -->


/* ***** CSS code ***** */
._114,
._358
{
   left: 50px;
}

/*******CSS代码*******/
._114,
._358
{
左：50px；
}

---

我需要访问一系列类，比如：[.u 114到.u 358]。

您可以像.u 155、.u 156等那样访问元素 我在下面添加了一个示例

{
边框：2倍纯绿；
}
在下面的代码片段中，我将边界属性应用于所有元素。

---

不，不是使用纯CSS，这需要以下内容：

._1, ._2, ._3, ._4, ._5, ._6, ._7, ._8, ._9, ._10, ._11, ._12, ._13, ._14, ._15, ._16, ._17, ._18, ._19, ._20 {
    left: 50px;
}

感谢上帝，我们有一个

@for

循环

$class-slug: _ !default;

@for $i from 114 through 358 {
  .#{$class-slug}#{$i} {
    left: 50px;
     position: absolute;
  }
}

其排放物：

._114 {
    left: 50px;
}

._115 {
    left: 50px;
}

// etc etc

---

只需在图像中再添加一个类：

<img src="img/sample.jpg" class="_154 some-img" />
<img src="img/sample.jpg" class="_155 some-img" />
<img src="img/sample.jpg" class="_156 some-img" />
<img src="img/sample.jpg" class="_157 some-img" />
<img src="img/sample.jpg" class="_158 some-img" />

---

您可以通过使用反向选择器来实现您的目标，但这是一种复杂的方式，使用

：not

和

第n个子选择器

在本例中，我尝试将div的背景色设置为红色，范围为4到7

/*在本例中，我尝试将所有从最小值=4到最大值=7的div的背景色设置为红色*/
/*为此，我们需要将所有div的默认背景色设置为红色*/
.家长组{
背景：红色；
利润率：10px；
宽度：50px；
高度：50px；
显示：内联块；
}
/*然后我们将背景颜色设置为原始默认值（黑色），用于定位超出范围（1到3和8到10）的所有div*/
.parent div:not（：n个子（-n+7）），
.父分区：非（：第n个子分区（n+4））{
背景色：黑色；
}

你可以编辑你的问题。我不认为以数字开头的类是有效的…它就在你的帖子下方，这些评论的上方，就在你的名字旁边：）另外，我不知道你在这里期望什么，对于类名没有

范围，你必须把它们全部列出（通常你可以使用SASS或更少的
@来运行
循环，尽管这似乎有些过分，因为它的一条规则是到处都是一样的。在这里，用一个好名字共享一个类变得非常可行。）你可以使用一个容器来包围你的图像，并使用
第n个子对象（n+0）
但您必须列出所有规则。CSS没有范围选择器。您必须手动列出所有类，或使用诸如SASS、Stylus或更少的预处理器生成它们。您在说什么？
mi编辑模式
？您似乎很不清楚您试图完成什么和使用什么。@M.C.此图像是谁制作的elp？与上面的代码相同，我们已经解释过类不能以数字开头。正如这张海报所解释的，它们不能以
-
或
.
开头，然后再跟上一个数字。@M.C.耶..！！你可以跟任何数字，但不能以第一个字母开头。@dreamhunter这样做只是解决了他的问题？真是个令人困惑的家伙…仍然不确定问题到底是什么…更改了发布的代码，现在它是正确的。这与我的pc上100%的工作非常相似。现在，由于我在工作中更改了错误的代码，问题仍然是在愤怒模式下访问。P.s:SORRY for not see编辑按钮（以前从未使用过）SASS在这里比您想象的更智能。它将自动组合应用完全相同的规则集的选择器。“以@for循环的形式”如果我们不这样做会更好。@Qwertiy我非常非常同意OP试图解决错误的问题。您的SASS代码中有语法错误。它必须是
{$class slug}{$I}
和分号
；
必须省略。另外，对于
，您需要用
替换
。
的第一行。耸耸肩我想人们认为这不是一个有效的答案/贡献。这种情况时有发生我假设这些图像是从后端生成的，并且给它们一个特定的类是一项工作量，尤其是如果你不想给每个
这个类，而只给范围。虽然你可以使用JavaScript，但这会严重影响页面的性能。无论如何，OP应该用这个解决方案在后端解决这个问题。@Roberrrt，好的，用类将它们包装成一个div，并在该div内设置所有图像的样式。还有问题中没有关于后端的内容。后端部分也可以修复。它可以修复，坦率地说，它应该修复-但这确实不是OP的问题。@Roberrrt，但是no通常是usless的，除非您展示正确的方法来存档结果。@Roberrrt公平地说，这个问题在发布后被大量修改。问题在中并不清楚一开始。
.some-img {
  left: 50px;
}