[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: css переопределение class
PiratXXX
Добрый вечер всем!

Помогите пожалуйста!

Вот к примеру есть класс:

.SelectTitle {
width: 200px;
height: 15px;
padding: 3px 2px 1px 5px;

font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #000000;

border: 1px solid #3b5998;

float: left;

display: block;

background-color: #ffffff;

cursor: pointer;
position: absolute;
z-index: 0;
}


и нужно применить этот класс и еще один в котором все будет точно также как и в SelectTitle НО вот ширина должна быть другой!

Меня интересу можно как-то создать класс в котором все будет как в первом но ширина другая, (ну тоесть чтобы не создавать второй класс как первый), а создать второй класс задать в нем новую ширину а остальные значения чтобы он унаследовал от первого.

заранне спасибо!!!



Спустя 5 минут, 39 секунд (29.03.2011 - 23:06) Oyeme написал(а):

.SelectTitle,.test {
width: 200px;
height: 15px;
padding: 3px 2px 1px 5px;

font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #000000;

border: 1px solid #3b5998;

float: left;

display: block;

background-color: #ffffff;

cursor: pointer;
position: absolute;
z-index: 0;
}
.test {
width:500px;
}

Спустя 6 минут, 22 секунды (29.03.2011 - 23:13) PiratXXX написал(а):
Oyeme

спасибо!

а еще вопросик а что такая запись обозначает

.captcha .progress {
width: 120px;
margin: 13px auto 0px;
}

Спустя 1 минута, 51 секунда (29.03.2011 - 23:14) PiratXXX написал(а):
и такая

<div class="header_top clear_fix">

это тоже из той оперы за которую я спрашивал?

Спустя 9 минут, 16 секунд (29.03.2011 - 23:24) Winston написал(а):
Цитата (PiratXXX @ 29.03.2011 - 22:13)
а еще вопросик а что такая запись обозначает

Это значит, что элементы которым присвоен класс captcha или progress будут иметь ширину 120px и отступы в 13px
Цитата (PiratXXX @ 29.03.2011 - 22:14)
и такая
<div class="header_top clear_fix">

Ты DIV'у присваиваешь класс. В твоем случае header_top clear_fix.
Если напишешь
<div class="captcha"> то будет присвоен класс captcha со свойствами которые я описал выше.

Спустя 7 минут, 6 секунд (29.03.2011 - 23:31) Invis1ble написал(а):
По-моему ТС о другом спрашивал...
Цитата
.captcha .progress

значит, что указываются свойства для элемента с классом .progress, предком которого является элемент с классом .captcha
Цитата
<div class="header_top clear_fix">

означает, что диву присваиваются свойства сразу двух классов

Спустя 11 минут, 41 секунда (29.03.2011 - 23:42) Winston написал(а):
Цитата (Invis1ble @ 29.03.2011 - 22:31)
значит, что указываются свойства для элемента с классом .progress, предком которого является элемент с классом .captcha

Не верно! Это значит что 2 классам будут иметь одинаковые свойства.
А например
Div > .cpatcha
значит что класс будет присвоен элементу который есть прямым наследником div'a.
Почитай
Цитата (Invis1ble @ 29.03.2011 - 22:31)
означает, что диву присваиваются свойства сразу двух классов

Спасибо не заметил.

Спустя 13 минут, 25 секунд (29.03.2011 - 23:56) Invis1ble написал(а):
PHPprogramer
Цитата
Не верно! Это значит что 2 классам будут иметь одинаковые свойства.

Да неужели? Проверь:
.test1 .test2 { color: red }

<span class="test2">Test 1</span><br />
<div
class="test1"><span class="test2">Test 2</span></div>

Спустя 12 минут, 2 секунды (30.03.2011 - 00:08) Winston написал(а):
Цитата (Invis1ble @ 29.03.2011 - 22:56)
Да неужели? Проверь:

Ааа... протупил.
Вот так для двух класов...
.test1, .test2 { color: red }

Спустя 7 часов, 10 минут, 24 секунды (30.03.2011 - 07:18) PiratXXX написал(а):
Invis1ble
PHPprogramer

спасибо Вам запомощь!!! Ща будем тренироваться!)


_____________
http://flibro.com/
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.