Как стилизовать ссылку в следующем коде

-3

<p class="butonat"> 
<a href="#"><span class="color1">Learn More&nbsp;</span></a>

Я попытался следующие css, но не получилось:Как стилизовать ссылку в следующем коде

CSS (добавлено от комментариев по почте OP):

.butonat a.color1 { 
    font-size:16px; 
    font-family:'Source Sans Pro', FontAwesome, sans-serif; 
    font-weight:normal; 
    text-decoration:none; 
    text-align:center; 
    color:#fff; 
}

источник

2014-12-17 MrVampo

В следующем коде ..? – ummahusla

Где ваш код CSS ??? –

Что значит? ваш вопрос далеко не очевиден, вы можете также стилизовать и без пролета –

Существует много разных способов доступа к вашей ссылке через DOM.

Вот пара фрагментов кода, как вы можете это сделать.

.color1 { 
 
color: red; 
 
} 
 

 
a span.color1 { 
 
font-size: 30px; 
 
}

<p class="butonat"> 
 
    <a href="#"><span class="color1">Learn More&nbsp;</span></a>

источник

2014-12-17 09:39:23 ummahusla

EDIT: После вы послали ваш CSS, я могу видеть в вашем селекторе недостающую SPACE:
.buttonat a.color1 это будет означать, что ваш а-тег имеет класс COLOR1
изменения до
.buttonat a .color1 это выберет класс колдунов для детей в вашем теге

источник

2014-12-17 09:40:03 Mephiztopheles

Просьба дать более подробное объяснение в вашем ответе.OP заслуживает большего, чем «попробуйте это:» или «вот так:» ответы. –

в комментарии, я наклоняю стиль кода, и некоторые другие люди придут и критикуют комментарий. поэтому я не могу сделать всех счастливыми. Я пытаюсь помочь. И на самом деле, когда я написал свой ответ, ОП не отправил свой CSS в свой вопрос. – Mephiztopheles

Ваш CSS:

.butonat > a { 
 
    color:green; 
 
    text-decoration:none; 
 
} 
 

 
.butonat > a:hover { 
 
    color:red; 
 
    text-decoration:underline; 
 
}

<p class="butonat"> 
 
<a href="#"><span class="color1">Learn More&nbsp;</span></a> 
 
</p>

Используйте выше способ добавить CSS на якорь тега. Этот способ используется для применения одного и того же CSS в блоке класса.

На это также можно добавить дополнительные свойства.

UPDATE:

Как разместить CSS в вопрос:

Вам нужно дать пространство между а и имя класса:

.butonat a .color1 { 
      ^^ here need space

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

источник

2014-12-17 09:44:10

Спасибо за ответ! – MrVampo

@MrVampo Если это полезно для вас, тогда отметьте его как принятое. –

Как стилизовать ссылку в следующем коде

ответ

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