0

私は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を使用することは可能ですか?

4

2 に答える 2

7
span[class^="span"]
{
    border: 1px dashed #CCC;
}
于 2013-04-30T09:37:25.580 に答える
5

ここで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> 
于 2013-04-30T09:33:44.797 に答える