2014-07-08 44 views
0

我想仅在LI内容中使用特定样式(即填充10像素和项目符号点)<div class="article-content">我怎么能够在不干扰有何具体UL /李风格在我的网站(导航菜单等) 非常感谢仅将LI风格应用于网站的特定部分

.article-content { 
    border-bottom: 0px; 
    float: left; 
    clear: both; 
    width: 100%; 
    margin-top: 10px; 
    padding-right: 10px; 
    padding-bottom: 30px; 
    padding-left: 10px; 
    text-align: justify; 
    letter-spacing: 1px; 
    color: #1a1a1a; 

} 

HTML

<p>Blablabla:</p> 
     <p> Blablabla </p> 
     <ul> 
      <li>dfdd</li> 
      <li>dfsdf</li> 
      <li>dsf</li> 

回答

3

CSS:

.article-content ul li { 
    padding: 10px; 
    list-style-type:circle; 
} 

我认为这应该为你工作。

1

盈UL和李的指定您的选择。

.article-content ul 
{ 
    /*Your style goes here*/ 
} 
.article-content ul li 
{ 
    /*Your style goes here*/ 
} 
1

请按照以下HTML的结构和新增CSS如下:

HTML:

<div class="article-content"> 
<p>Blablabla:</p> 
     <p> Blablabla </p> 
     <ul> 
      <li>dfdd</li> 
      <li>dfsdf</li> 
      <li>dsf</li> 
     </ul> 
</div> 

CSS:

.article-content { 
border-bottom: 0px; 
float: left; 
clear: both; 
width: 100%; 
margin-top: 10px; 
padding-right: 10px; 
padding-bottom: 30px; 
padding-left: 10px; 
text-align: justify; 
letter-spacing: 1px; 
color: #1a1a1a; 

} 
.article-content ul 
{ 
list-style:disc; 
padding-left:10px; 
} 

结果:

enter image description here

相关问题