Master-X
Форум | Новости | Статьи
Главная » Форум » Дизайн » 
Тема: Подскажите по CSS
цитата
13/10/06 в 18:42
 Petek
у меня в css
A {color: yellow}
A:hover {color: red}

например я хочу создать стиль .link2, чтобы цвет ссылки был orange, а при наведении green, я записывал вот так
.link2 a {color: orange}
.link2 a:hover {color: green}

пробовал другие варианты, нифига не получается (все равно yellow и red)
подскажите как правильно?
цитата
13/10/06 в 18:54
 Diver
и не получится пока
A {color: yellow}
A:hover {color: red}
не уберешь.
Это глобально применяется ко всем тегам А
Только убрать и отдельные стили создавать

Хотя может я ошибаюсь. Послушаем что другие скажут
цитата
13/10/06 в 19:12
 leetd
Diver ошибается :)

попробуй так
Код:
<div class="link2"><a>blabla</a></div>


ты ведь вероятно так делал?
Оффтопик: <a class="link2">blabla</a>
цитата
13/10/06 в 19:22
 Petek
leetdesign писал:
Diver ошибается icon_smile.gif
попробуй так
Код:
<div class="link2"><a>blabla</a></div>

спасибо! так работает icon_smile.gif

Цитата:
ты ведь вероятно так делал?
Оффтопик: <a class="link2">blabla</a>

да
цитата
13/10/06 в 19:34
 pierx
Код:
A {color: yellow}
A:hover {color: red}
a.link2 {color: orange}
a.link2:hover {color: #006400}
<a class="link2">blabla</a>
Все работает ;)
Просто порядок написания часто путают ;)
цитата
13/10/06 в 19:57
 Petek
pierx писал:
Код:
A {color: yellow}
A:hover {color: red}
a.link2 {color: orange}
a.link2:hover {color: #006400}
<a class="link2">blabla</a>
Все работает ;)
Просто порядок написания часто путают ;)

спасибо за ещё один способ, этот даже более подходящий icon_smile.gif

я просто делал по аналогии с твоим же советом в топике Хелпаните со стилями
Цитата:
.style a{font: 11px tahoma; text-decoration: none}
.style a:hover{font: 11px tahoma; text-decoration: underline}
цитата
13/10/06 в 20:45
 pierx
Там как раз под див класс ставился или элемент таблицы, а внутри уже тег A и IMG
Будешь делай - придерживайся примерно такой вложенности - как элементы вложены, так и описываются: Код:
.link2 a {color: orange}
<div class="link2"><a>blabla</a></div>
Т.е. элемент с классом link2 - внутри тег A
Код:
a.link2:hover {color: #006400}
Описывается только тег А
Код:
.style a:hover img {border: 1px dashed #aaa}
Элемент с классом style, внутри которого тег A, а внутри него - картинка icon_smile.gif

Т.е. в стилях разделяешь пробелом - значит вкладываешь один элемент в другой - разделяешь запятой, просто описываешь 2 одинаковых стиля.
цитата
13/10/06 в 23:12
 Petek
pierx: ещё раз спасибо и рейтинг
и ещё по цсс вопрос: читал что с помощью цсс можно на комп серфера установить шрифт (если у него этого шрифта нет), который используешь, что-то типа
font-family:название шрифта URL('урл шрифта')
это так?
цитата
14/10/06 в 00:01
 pierx
Вообще-то это правило сам не юзал, так что насчет того где как работает не скажу. Но выглядит так: Код:
@font-face {
font-family: "Font Name";
src: url("font_url")
}
Затем где надо указываешь font-family: "Font Name",class

Причем класс шрифта обязательно указывай, тк исходя из него будет показан текст, пока не загрузится загружаемый шрифт (если загрузится вообще ;)
юзай serif, sans-serif, cursive, fantasy, monospace
цитата
14/10/06 в 09:01
 Petek
Цитата:
(если загрузится вообще ;)

не, лучше буду юзать шрифты которые у всех есть

кстати, какие шрифты можно 100% (ну или 90 icon_smile.gif ) использовать?
(кроме verdana, tahoma, arial, georgia, impact)
цитата
14/10/06 в 10:24
 d0ck3r
"Courier New", Courier, monospace;
"Times New Roman", Times, serif;
Verdana, Geneva, Arial, Helvetica, Georgia, sans-serif;

Это то что я чаще всего использую. Проканывает практически везде. Impact не использова еще ни в одном своем проексте icon_smile.gif))) как и Comic Sans (хотя оба работают тоже везде)

Цитата:

и не получится пока
A {color: yellow}
A:hover {color: red}
не уберешь.
Это глобально применяется ко всем тегам А
Только убрать и отдельные стили создавать


Это вопрос Specificity :
.class всегда будет выше чем просто тег
#id всегда будет выше чем просто класс.
А дальше идут сложные правила сочетаний (хотя и не очень если вдуматься ;) )
цитата
14/10/06 в 10:30
 Diver
Да. Я ошибался. Почерпнул для себя много полезного из этого топика.
Нада учить CSS icon_smile.gif
цитата
14/10/06 в 10:44
 pierx
Я юзаю стандартные наборы: Код:
Arial,Helvetica,sans-serif
Verdana,Geneva,Arial,Helvetica,sans-serif
'Times New Roman',Times,serif
Georgia,'Times New Roman',Times,serif
'Courier New',Courier,monospace
'Comic Sans MS',fantasy

System,Chicago,sans-serif
'MS Sans Serif',Geneva,sans-serif
'Arial Narrow','Arial MT Condensed Light',sans-serif
'MS Serif','New York',serif
Garamond,Palatino,serif
Terminal,Monaco,monospace

Wingdings,'Zapf Dingbats'
3 группы: первую можно юзать активно, будет выглядеть хорошо практически везде. Вторую тоже можно, но кое-где будут подставляться стандартные взамен отсутствующих. Последнюю комбинаю редко - но там спец.символы - часто и не надо

Это все имха - тк на всех платформах не проверялось, доверяю источникам информации icon_smile.gif
цитата
14/10/06 в 11:11
 Petek
всем спасибо, оценил


Эта страница в полной версии