2017-08-02 129 views
-2

我努力的目标有没有一流的UL,我有过这是输出的HTML无法控制......CSS目标UL由李类

<ul> 
    <li class="item">Item 1</li> 
    <li class="item">Item 2</li> 
    <li class="item">Item 3</li> 
    <li class="item">Item 4</li> 
</ul> 

我想申请一个形象像子弹这....

ul { 
    list-style-image: url('sqpurple.gif'); 
} 

有许多不同的UL标签页上,以便有没有办法我只能针对这一个?

+0

您可以使用[CSS3:第n个孩子()选择(https://开头WWW .w3schools.com/cssref/sel_nth-child.asp)。 –

+1

@Paulie_D他无法控制HTML,他想要选择'没有class的ul',我想。 –

回答

1

我试图针对没有类的UL”,您可以使用:not()选择器。

ul:not([class]){ 
    ... 
} 

这将适用的风格,如果没有class attrul

ul:not([class]) { 
 
    list-style:circle; 
 
}
<ul> 
 
    <li class="item">Item 1</li> 
 
    <li class="item">Item 2</li> 
 
    <li class="item">Item 3</li> 
 
    <li class="item">Item 4</li> 
 
</ul> 
 

 
<ul class> 
 
    <li class="item">Item 1</li> 
 
    <li class="item">Item 2</li> 
 
    <li class="item">Item 3</li> 
 
    <li class="item">Item 4</li> 
 
</ul>