css - 类名的 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>

我想选择div类名以“span”开头的。所以我在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/ - 似乎工作得很好