Внутренний CSS не переопределяет внешний CSS для класса

Мне нужен мой класс «column» во внутреннем CSS для центра float, а внешний CSS - влево.Внутренний CSS не переопределяет внешний CSS для класса

Вот мой CSS файл:

body { text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } 
#report { width: 1269px; margin: auto; float: left; 
} 

div.column{ margin-top: 10px; padding: 0px 0px; float: left; } 
div.first{ padding-right: 8px; border-right: 1px grey solid; } 
div.second{ margin-left: 8px; 
} 
...

Вот мой HTML с внутренней CSS:

<!DOCTYPE html> 
<html> 
<head> 
<title>Dual Server Report</title> 
<link rel="stylesheet" type="text/css" href="ServerReport.css"> 
    <style type="text/css"> 
    div.column{ float: center; } 
    </style> 
</head> 
<body> 
<div id="report"> 
<h1>Automated PowerShell Install Report</h1> 
<h2>This report was ran: 07/07/2015 09:03:21</h2> 

    <div class="column"> 
...

Я проверил эти три подобные вопросы, но ничего я пытался не работал.
Internal Stylesheet NOT overriding External stylesheet?
“Inner” CSS Not Overriding “Outer” CSS
Overriding External CSS

Edit:
Я вспомнил, глядя вверх свойство "плавать" вчера, но я не помню, что я нашел; Я чувствую себя довольно глупо, чтобы опубликовать это, прежде чем дважды проверять. Имеет смысл, что float не будет иметь свойство центра.

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

источник

2015-07-07 NickSS

Существует не такая вещь, как «поплавок: центр". – BoltClock

Попробуйте загрузить «внешний» CSS-файл после «внутреннего». И для урока «Вы узнаете что-то новое каждый день», прочитайте https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity – j08691

Значение свойства float: center не существует.

Свойство float имеет четыре значения: left, right, none и inherit.

источник

2015-07-07 14:33:43

Ну, я определенно чувствую себя глупо сейчас. Спасибо CitizenDelta & Tyler, и все остальные за то, что нашли время, чтобы указать на это. Только одна из тех вещей, которые я должен был знать, но так долго я забыл. – NickSS

Единственными допустимыми значениями для float являются: левый, правый, ни один, наследующий.

Так что этот код будет пропущен и не будет переопределять файл css. Для получения дополнительной информации о свойствах float смотрите here.

источник

2015-07-07 14:36:36

Там нет ничего, как float: center в CSS

Другой способ сделать это

Изменение CSS под HTML страницы

div.column 
{ 
float: none; 
margin: auto; 
width: 200px; /* set the width (Except 'auto') */ 
}

источник

2015-07-07 15:05:43

Внутренний CSS не переопределяет внешний CSS для класса

ответ

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