css - 如何将带有轻微数字变化的常见类名表示为一个 - CSS简写？

Question

我正在尝试 Bootstrap，并遇到了一个问题，尽管问题是关于 CSS 的：

.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12{
    border: 1px dashed #CCC;
    }

为了给所有类型的 做边框.span#，我做了上面提到的 CSS。有什么办法可以通过以下方式表示：

.span1 - .span12{
    border: 1px dashed #CCC;
    }

可以使用 CSS 吗？

Answer 1

span[class^="span"]
{
    border: 1px dashed #CCC;
}

Answer 2

jsFiddle在这里。

---

如果他们都以“跨度”类开始并以不同的方式结束，那么这样的事情将起作用 - span[class^='span']。

这是来自 jsFiddle 的示例：

CSS：

span[class^='span'] { border: 1px dashed #CCC; }

HTML：

<span class="span1">Example</span> 
<span class="span2">Example</span> 
<span class="ddf">Example</span> 
<span class="span4">Example</span> 
<span class="dddf">Example</span> 
<span class="span6">Example</span> 
<span class="span7">Example</span> 
<span class="span8">Example</span>