类名称的CSS属性选择器 [英] CSS attribute selector for class name

问题描述

全部.我在代码中使用CSS选择器遇到了一些麻烦.请查看以下代码.

All. I have some trouble with the css selector in my code . Please review the below code .

假设您具有如下所示的html结构.

Say you have the html structure like below.

<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)，但是它不起作用.

I want to select the div with the class name begin with "span". So I wrote the selector(Attribute selectors) below, but it doesn't work.

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

推荐答案

您在这里有一些奇怪的脏话.使用普通的ASCII引号"

You have some weird slanty quotes going on here. Use normal ASCII quotes, "

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

http://jsfiddle.net/ExplosionPIlls/YpmUy/ －似乎工作正常

这篇关于类名称的CSS属性选择器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！