Может ли этот класс CSS быть написан более коротким, лучшим способом?

Question

Можете ли вы написать этот класс CSS более коротким способом?Спасибо.

.MessageTitle a, .MessageTitle a:visited, .MessageTitle a:active, .MessageTitle a:hover,.MessageSender a, .MessageSender a:visited, .MessageSender a:active, .MessageSender a:hover
{
    text-decoration: none;
    outline: none;
     display:block;
    vertical-align: middle;
    text-align: center;
    color: Black;
    line-height:30px;    
}

.MessageTitle a:active, .MessageTitle a:hover,.MessageSender a:active, .MessageSender a:hover
{
    text-decoration: underline;
}

Answer 1

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

.messageLink, .messageLink:visited {
    color: #000;
    display:block;
    line-height:30px;
    outline: none;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

.messageLink:active, .messageLink:hover { text-decoration:underline; }

Answer 2

.MessageTitle a,
.MessageSender a
{   text-decoration: none;
    outline: none;
    display:block;
    vertical-align: middle;
    text-align: center;
    color: Black;
    line-height:30px;    
}

.MessageTitle a:active,
.MessageTitle a:hover,
.MessageSender a:active,
.MessageSender a:hover
{
    text-decoration: underline;
}

.MessageSender a:visited,
.MessageSender a:visited
{
    text-decoration: none;
}

Возможно, вам также следует включить :focus. Я бы также использовал :link.

На практике, для правильной СУХОЙ краткости, простоты и согласованности UX, я бы объявил все эти стили глобально на голом селекторе a, так что примерно так:

a:link
{   text-decoration: none;
    outline: none;
    color: Black }

a:active,
a:hover,
a:focus
{   text-decoration: underline}

a:visited
{   text-decoration: none}

.MessageTitle a,
.MessageSender a
{   
    display:block;
    vertical-align: middle;
    text-align: center;
    line-height:30px;    
}

Answer 3

Нет.Нет способа сделать это короче.Я нашел еще один вопрос по переполнению стека: более короткий запрос CSS

Answer 4

Очень коротким способом было бы взглянуть на Less CSS.www.lesscss.org