2015-11-29 4 views
-2

У меня есть страница с 3 основными div. Я хочу иметь разные стили ссылок (все 4 стиля ссылок: активная ссылка на активный активный) для каждого из них. Как и в, ссылки в div1 должны отличаться от ссылок в div2 и div3.Различные таблицы стилей для разных divs

Я знаю, что это возможно с помощью некоторого javascript (путем ввода классов для событий мыши), но я хочу как можно больше избежать js. Есть ли способ, которым я могу достичь одного и того же с помощью css?

+0

Это так элементарно, что это невозможно, вы не смогли найти решение в одиночку – Amit

+0

Я знаю, что решение существует для него, но я не очень хорошо разбирается в CSS и я забыл где я читал это в Интернете. –

+0

Честно говоря, я предлагаю потратить некоторое время здесь: http://www.w3schools.com/cssref/default.asp, по крайней мере, пока вы не получите лучшее понимание CSS. Нажмите на ссылки с левой стороны, особенно те, которые называются CSS Selectors. – Sam

ответ

2

Добавить id каждому div

<div id="one"> 
    <a></a> 
</div> 
<div id="two"> 
    <a></a> 
</div> 
<div id="three"> 
    <a></a> 
</div> 

Затем выберите эти ссылки как этот

#one a {} 
#two a {} 
#three a {} 
+0

Большое спасибо. Это сработало. Было бы намного лучше, если бы комментаторы вложили бы такую ​​же энергию в ответ, вместо того, чтобы бить меня по моему самому основному вопросу :) –

+0

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

0

Использование уникальной id целевой Див

<div id='div1'></div> 
<div id='div2'></div> 
<div id='div3'></div> 


#div1{ 

} 
#div2{ 

} 
#div3{ 

} 

И да люди правы это очень простой вопрос. Сначала вы должны попробовать Google, но если вы столкнулись с проблемами, вы должны задавать вопросы здесь с проблемами.

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

Здесь вы можете узнать больше о CSS SELECTORS

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