类名的CSS属性选择器

Question

全部。我的代码中的css选择器有些麻烦。请查看以下代码。

假设您拥有如下所示的html结构。

<div id="currentTmpContainer" class="layoutcontainer container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <ul id="sortable1" class="sortableLayoutSection">

                </ul>
            </div>
        </div>
        <div class="row-fluid">
            <div class="span12">
                <ul id="sortable3" class="sortableLayoutSection">

                </ul>
            </div>
        </div>
        <div class="row-fluid">
            <div class="span12">
                <ul id="sortable3" class="sortableLayoutSection">

                </ul>
            </div>
        </div>
    </div>

我想选择类名以“span”开头的div。 所以我在下面编写了选择器（Attribute selectors），但它不起作用。

.layoutcontainer div[class^=”span”]
{
    border:1px solid red;
}

Answer 1

你这里有一些奇怪的俚语。使用常规ASCII引号"

.layoutcontainer div[class^="span"]
{
    border:1px solid red;
}

http://jsfiddle.net/ExplosionPIlls/YpmUy/ - 似乎工作得很好