Как указать класс по умолчанию CSS, используя атрибут класса

Question

Есть ли способ указать на класс CSS по умолчанию для объекта?

Например, если пользователь зарегистрирован, я хочу указать другой класс CSS для управления стилем заголовка.

 
$css_class = ""; 
if($logged_in) 
    $css_class = "success" 

echo "[h1 class=".$css_class."] My Title [/h1]" 

Если пользователь вошел в класс CSS установлен на «успех»»в противном случае, он установлен в положение„“.

Я знаю, что это неприлично w3c иметь пустой класс, но есть способ, которым я могу просто указать на свойство H1 по умолчанию, а не на создание отдельного «не вошедшего в систему» ​​класса css?

Answer 1

$css = $logged_in ? 'success' : 'dummy-undefined-css-value'; 
echo "<h1 class=\"$css\">My Title</h1>"; 

Answer 2

<h1 class="">My Title</h1> будет работать нормально (не уверен, что он пройдет проверку W3C, но он будет работать в все основные браузеры).

Answer 3

Почему бы просто не опустить атрибут класса, если i t пусто?

$css_class = ""; 
if($logged_in) 
    $css_class = " class=""success""" 

echo "[h1.$css_class.] My Title [/h1]" 

(Не уверен, истекающего кавычек в строке ... Я понятия не имею, какой язык вы используете ...)

Answer 4

Это не инвалид, чтобы иметь пустой string для имени класса. Атрибут class - это cdata-list, так что все может пойти туда, и оно все равно будет проверяться.

Однако вам нужно будет использовать кавычки вокруг значений ваших атрибутов, иначе вы не сможете выполнить пустой синтаксический анализ. Это все, что нужно сделать, чтобы всегда включать цитаты в любом случае.

echo '<h1 class="'.htmlspecialchars($css_class).'"> My Title </h1>' 

Answer 5

Пустой атрибут класса является недопустимым только при XHTML 1.1. Используя DOCTYPE XHTML 1.0, HTML 4.01 и HTML 5 подтвердят правильность.

Я бы не стал слишком болтаться на валидации, это очень полезно, но это не все и все, что нужно для веб-разработки. Единственный экземпляр, где я абсолютно уверен, что мои проверки на 100% в HTML на самом начале HTML и CSS-сборке, так как на этом этапе недопустимая разметка может привести к хауку с CSS. Как только я начинаю добавлять серверные и Javascript-взаимодействия, я не слишком беспокоюсь об этом.

Конечно, вы не должны просто игнорировать его, но пока вы знаете, что такое ошибки проверки, понять их и приняли непростое решение не исправить их, я думаю, что все в порядке.

Answer 6

В любом случае, если у вас есть условие, как в Matt Huggins' answer, и с учетом вашего комментария на Guffa's answer, почему бы вам не переместить условное выражение в эхо? Это даст вам чистый результат HTML. Например:

$css_class = array(); 
if($logged_in) 
{ 
    $css_class[] = "success"; 
} 

if($something_else) 
{ 
    $css_class[] = "some-class"; 
} 

echo '<h1' . 
    empty($css_class) 
     ? '' 
     : ' class="' . implode(' ', $css_class) . '"' 
    . '> My Title </h1>';