CSS attribute selector for class name

Question

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

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>

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;
}

Explosion Pills · Accepted Answer · 2013-03-08 02:43:06Z

7

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/ -- seems to work just fine

answered Mar 8, 2013 at 2:43

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

CSS attribute selector for class name

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related