Не пойму в чём разница

[antoxa-ua]

Вот два кода

div#status-bar {
background: url('../img/status-bar-bg.png') repeat-x;
border-bottom: 2px groove #ffffff;
height: 40px;
width: 100%;
}

и

#status-bar {
background: url('../img/status-bar-bg.png') repeat-x;
border-bottom: 2px groove #ffffff;
height: 40px;
width: 100%;
}

Они ведь оба будут работать если применять <div id="status-bar"> , тогда зачем в css дописывается div перед # ?

[psywalker]

Ну например для того, чтобы повысить специфичность этого правила.

[sigma77]

Они ведь оба будут работать если применять <div id="status-bar"> , тогда зачем в css дописывается div перед # ?

Первый код применится только к <div id="status-bar">, второй же может быть применен к любому элементу у которого id="status-bar". Лучше без лишней необходимости первую запись не использовать. Т.к. никогда не известно к какому элементу придется применить правило в будущем.