2016-01-30 2 views
0

Делаю неупорядоченный список, без стилистики:встроенный маркер работает, но css нет?

<ul style="margin-left:0; list-style-type:none"> 
    <li>1</li> 
    <li>2</li> 
    <li>3</li> 
</ul> 

Я пытаюсь сделать это с помощью CSS, так что код

<ul class="nothing"> 
     <li>1</li> 
     <li>2</li> 
     <li>3</li> 
    </ul> 

с CSS:

ul.nothing{list-style-type:none; margin-left:0} 

Таким образом, встроенные стили работают без пули и без полей. Css также не имеет пули, но все еще имеет отступ ... почему и как я могу исправить? Я не вижу синтаксической ошибки где угодно.

+0

попробуйте 'ul.nothing {list-style-type: none! important; margin-left: 0! important} 'У вас, вероятно, есть другое правило CSS, переопределяющее это. – Err

ответ

-1

Не могли бы вы проверить, включен ли файл css. Если да, то также проверьте, является ли другое правило css переопределением вашего css.

0

Добавить padding: 0; в ul.nothing будет работать.

ul.nothing 
{ 
list-style-type:none; 
margin-left:0; 
padding: 0; 
} 

Он удалит заполненные по умолчанию заполненные прокладки.

Working Fiddle

и использовать следующие для удаления отступов по умолчанию и маржу браузера. Тогда нет необходимости писать padding:0 в ul.nothing

*{ 
    padding:0; 
    margin:0; 
} 

Fiddle

0

это working.this является код

<html> 
 
<head> 
 
<title>Welcome !</title> 
 

 
<style type="text/css"> 
 

 
    body{ 
 
    \t padding:0; 
 
    \t margin:0; 
 
    } 
 
    ul.nothing { 
 
     list-style-type: none; 
 
     margin-left: 0; 
 
     padding:0; 
 
    } 
 

 
    
 

 
</style> 
 
</head> 
 

 
<body> 
 
    \t <ul class="nothing"> 
 
    \t \t <li>1</li> 
 
    \t \t <li>2</li> 
 
    \t \t <li>3</li> 
 
    \t </ul> 
 
</body> 
 

 
</html>

В здесь мы используемвнутренний css, но если вы используете внешнюю таблицу стилей CSS, будьте осторожны с вашим путем.

Смежные вопросы