2012-03-30 4 views
0

Эй, это, наверное, немой вопрос, но я не могу найти прямой ответ. Как я могу повлиять, например, на все якоря в классе?Как повлиять на все элементы класса?

Я пробовал: не кажется,

a.classname 

и

.classname a 

Но не работать. Может ли кто-нибудь дать прямой ответ мне и другим будущим гуглерам?

+3

Что «в классе» означает? Для любого значения у вас уже есть ответ. Остерегайтесь проблем специфики; используйте Firebug. – SLaks

+1

Я бы предложил потратить некоторое время, чтобы изучить основы CSS, это примерно так же просто, как и получается. – Madbreaks

+1

Можете ли вы дать код HTML? – Dion

ответ

5

a.classname все <a> теги с классом "classname".

.classname a все <a> теги, которые являются дочерним элементом элемента с классом "classname".

DEMO: http://jsfiddle.net/HTxeQ/

ПРИМЕЧАНИЕ: Если у вас есть более конкретные правила CSS в другом месте, он может переписать это правило.

Например, body .classname a будет перезаписываться .classname a.

DEMO: http://jsfiddle.net/HTxeQ/1/

+1

, если это не сработает, у вас могут возникнуть проблемы с ним в другом месте. несколько раз «.classname a» будет терпеть неудачу, если вы также сделаете что-то вроде «#parent .classname» где-то еще в коде. в этом случае вы можете либо удалить '#parent' из всех существующих правил, либо просто добавить его в свои новые правила. '#list #of #parents .classname a' должен работать без ошибок, * если * push нажимает. однако я бы никогда не рекомендовал писать свой CSS так, потому что, если у вас есть *, чтобы сделать это, чтобы заставить его работать, вы уже видели, почему вы не должны этого делать в первую очередь. – Shea

+0

@andrewjackson: Вы правы, если в CSS существует более конкретное правило, оно может перезаписать это правило. http://jsfiddle.net/HTxeQ/1/ –

0

Это изменит цвет на белый все ссылки внутри элемента с «именем класса» класса

.classname a { color:white; } 

<div class="classname"> 
    <a>Im now white</a> 
    <a>Im now white</a> 
    <a>Im now white</a> 
</div> 
Смежные вопросы