2016-08-07 9 views
1

아래의 스 니펫과 같이 링크 목록을 구현하고 싶지만 점으로 구분 된 목록을 제거하고 싶습니다. 아래 그림과 같이 점없이 목록 만 표시하고 싶습니다. . 나는 아래의 이미지처럼 달성하고 싶다.리스트에서 도트를 제거하는 방법

image

.sidebarleft h2 { 
 
    margin: 0.0em 0 0.3em; 
 
    letter-spacing: -.001em; 
 
    padding: 5px 10px; 
 
    background: #461B7E url() repeat-x bottom left; 
 
    font: bold 13px Arial; 
 
    color: #fff; 
 
    text-transform: uppercase; 
 
    border-bottom: 1px solid #cccccc; 
 
} 
 

 

 

 
h2 { 
 
    margin: 0.5em 0 .25em; 
 
    font: normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif; 
 
    line-height: 1.4em; 
 
    text-transform: uppercase; 
 
    letter-spacing: .01em; 
 
    color: #4b05bf; 
 
} 
 

 
.sidebarleft .widget-content { 
 
    margin: 0 auto; 
 
    padding: 5px 9px 5px 10px; 
 
} 
 
.sidebarleft ul { 
 
    list-style: none; 
 
    margin: 0 0 0; 
 
    padding: 0 0 0; 
 
} 
 

 

 
.sidebarleft li { 
 
    display: inline; 
 
    margin: 0 auto; 
 
    padding: 0 auto; 
 
} 
 

 

 

 

 

 
.sidebarleft a:link, .sidebarleft a:visited { 
 
    color: #0000FF; 
 
    text-decoration: none; 
 
} 
 

 
.sidebarleft li a { 
 
    font: normal 12px verdana; 
 
    text-transform: none; 
 
    margin: 0; 
 
    padding: 3px 0px 4px 5px; 
 
    display: block; 
 
    text-indent: 0px; 
 
    border-bottom: 1px solid #aebcfd; 
 
    line-height: 1.3em; 
 
} 
 
a:visited { 
 
    color: #0000ff; 
 
    text-decoration: none; 
 
} 
 
a:link { 
 
    color: #4b05bf; 
 
    text-decoration: none; 
 
} 
 

 
.sidebarleft ul { 
 
    list-style: none; 
 
    margin: 0 0 0; 
 
    padding: 0 0 0; 
 
} 
 

 
.sidebarleft a:link, .sidebarleft a:visited { 
 
    color: #0000FF; 
 
    text-decoration: none; 
 
} 
 

 

 

 
.sidebarleft li a { 
 
    font: normal 12px verdana; 
 
    text-transform: none; 
 
    margin: 0; 
 
    padding: 3px 0px 4px 5px; 
 
    display: block; 
 
    text-indent: 0px; 
 
    border-bottom: 1px solid #aebcfd; 
 
    line-height: 1.3em; 
 
} 
 
a:visited { 
 
    color: #0000ff; 
 
    text-decoration: none; 
 
} 
 
a:link { 
 
    color: #4b05bf; 
 
    text-decoration: none; 
 
} 
 
.sidebarleft ul { 
 
    list-style: none; 
 
    margin: 0 0 0; 
 
    padding: 0 0 0; 
 
}
<div class="widget Label" data-version="1" id="Label6"> 
 
<h2>Latest IT Jobs in India - By Location</h2> 
 
<div class="widget-content list-label-widget-content"> 
 
<ul> 
 
<li> 
 
<a dir="ltr" href="">Jobs in Bangalore</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs in Chennai</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs in Hyderabad</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs in India</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs in Noida</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs in Mumbai</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs in Pune</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs in Gurgaon</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs In Delhi</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs in kolkata</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs in Coimbatore</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs in Ahmedabad</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs in Mohali</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs in Chandigarh</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs in Jaipur</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs in Cochin</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs in Haryana</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs in Andhra Pradesh</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs in Indore</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs in Kochi</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs in Tamilnadu</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs in Trivandrum</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs in Visakhapatnam</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs in Vijayawada</a> 
 
</li> 
 
<li> 
 
<a dir="ltr" href="">Jobs in Mysore</a> 
 
</li> 
 
</ul> 
 

 
</div> 
 
</div>

답변

5
li { 
    list-style-type: none; 
} 

하지만 당신은 일반적으로 개체 유형에 대한 CSS를 당신은 숨길 코드 아래에 사용할 수있는 정말 좋은 생각

+0

당신의 작업을 상당히 잘 수행했습니다. – overflowstack9

0

이다 쓰고, 몇 가지 클래스를 사용한다 점들.

ul li{ 
    list-style: none; 
} 

li에 클래스 이름을 추가하고 해당 클래스를 사용할 수도 있습니다.

관련 문제