Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / наследование в css - синтаксис css / 25 сообщений из 29, страница 1 из 2
  1  все
06.09.2017, 20:27
    #39516769
aliskin
aliskin
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
есть такая запись

Код: css
1.
2.
3.
4.
5.
6.
.skin{
...
...

font-size: 16px;
}



и еще такая

Код: css
1.
2.
3.
4.
5.
.tformat{
font-size: 11px;
...
...
}




Нужно в css-файле сделать запись такого типа

Код: css
1.
2.
3.
4.
5.
6.
7.
.skin{
   .tformat             /* все "наследуется" з .tformat. Как это правильно записать? */
...
...
                           /* только розмер шрифта не такой как у .tformat */
font-size: 16px;     /* свой розмер */
}



Как правильно "подключить", сделать такое наследование?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.09.2017, 20:29
    #39516771
aliskin
aliskin
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
*рАзмер
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.09.2017, 21:03
    #39516786
Изопропил
Изопропил
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
aliskin,

в sass можно сделать - https://sass-scss.ru/documentation/pravila_i_direktivi/direktiva_extend.html
в чистом css - не выйдет
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.09.2017, 22:04
    #39516807
aliskin
aliskin
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
Изопропилaliskin,
...
в чистом css - не выйдет
Благодарствую. Нужно детальнее разузнать о sass.

Я два дня промучился :( с css.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.09.2017, 07:42
    #39516894
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
aliskinИзопропилaliskin,
...
в чистом css - не выйдет
Благодарствую. Нужно детальнее разузнать о sass.

Я два дня промучился :( с css.
в реле это будет не наследование.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.09.2017, 08:11
    #39516909
Изопропил
Изопропил
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
вадяaliskinпропущено...

Благодарствую. Нужно детальнее разузнать о sass.

Я два дня промучился :( с css.
в реле это будет не наследование.
Наследование будет в исходниках
скомпилится в два независимых правила
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.09.2017, 08:18
    #39516913
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
Изопропилвадяпропущено...

в реле это будет не наследование.
Наследование будет в исходниках
скомпилится в два независимых правилато так, только что тс надо?
и есть ещё один ньюанс - если в дебагере что-то править в css, то проблематично гай и место в исходнике для тсправдения.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.09.2017, 08:26
    #39516920
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
aliskinесть такая запись
Код: css
1.
2.
3.
4.
.skin{
...
font-size: 16px;
}


и еще такая
Код: css
1.
2.
3.
4.
.tformat{
font-size: 11px;
...
}


Нужно в css-файле сделать запись такого типа
Код: css
1.
2.
3.
4.
5.
6.
.skin{
   .tformat             /* все "наследуется" з .tformat. Как это правильно записать? */
...
                           /* только розмер шрифта не такой как у .tformat */
font-size: 16px;     /* свой розмер */
}


Как правильно "подключить", сделать такое наследование?
Например так...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<style>
.skin{
/*...*/
font-size: 16px;
}
.tformat{
/*...*/
font-size: 11px;
}
.skin .tformat {
font-size: 16px; 
}
</style>
<div class='skin'>skin</div>
<div class='tformat'>tformat</div>
<div class='skin tformat'>skin tformat</div>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.09.2017, 08:27
    #39516922
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
Изопропилв sass можно сделать - https://sass-scss.ru/documentation/pravila_i_direktivi/direktiva_extend.html
в чистом css - не выйдет
Любой sass потом переделывается в css. Если чего-то не сделать в css - таки никакой sass и less тебе не поможет.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.09.2017, 08:36
    #39516926
Изопропил
Изопропил
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
krvsaИзопропилв sass можно сделать - https://sass-scss.ru/documentation/pravila_i_direktivi/direktiva_extend.html
в чистом css - не выйдет
Любой sass потом переделывается в css. Если чего-то не сделать в css - таки никакой sass и less тебе не поможет.
Сопровождать исходники нужно и избегать дублирования именно в исходниках

Скомпилированный CSS - это уже низкоуровневые правила, своего рода "машинный код"

Смысл банальности обсуждать?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.09.2017, 08:45
    #39516936
Изопропил
Изопропил
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
krvsaтебе не поможет.
это не по адресу - я в курсе как работает sass/less препроцессор, что на входе и что на выходе
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.09.2017, 09:01
    #39516943
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
krvsaЛюбой sass потом переделывается в css. Если чего-то не сделать в css - таки никакой sass и less тебе не поможет.

Ну ё-моё. Шо? Опять??

Ждём когда придут апологеты ассемблера и начнут вещать, что всё компилится в низкоуровневые инструкции. И если там чё-то на этих инструкциях сделать нельзя, то и нельзя в высокоуровневых языках..
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.09.2017, 11:07
    #39517141
aliskin
aliskin
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
krvsa,

вот так я не хочу!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.09.2017, 11:15
    #39517153
aliskin
aliskin
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
krvsaНапример так...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<style>
.skin{
/*...*/
font-size: 16px;
}
.tformat{
/*...*/
font-size: 11px;
}
.skin .tformat {
font-size: 16px; 
}
</style>
<div class='skin'>skin</div>
<div class='tformat'>tformat</div>
<div class='skin tformat'>skin tformat</div>


так не хочу.

и это... ваш пример, установит шрифт в 16 пкс для двух классов (или нет?).
Код: css
1.
2.
3.
4.
5.
.skin .tformat {
font-size: 16px; 
}
/* */
.skin .tformat {/* без запятой? */
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.09.2017, 11:20
    #39517166
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
aliskinтак не хочу.
А как ты хочешь?
И что именно "так" ты имеешь ввиду?
aliskinи это... ваш пример, установит шрифт в 16 пкс для двух классов (или нет?).
Тебе это просто нужно проверить...
Ты сможешь это сделать самостоятельно?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.09.2017, 11:21
    #39517168
aliskin
aliskin
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
слово наследование в названии темы должно быть в кавычках, но насинать назв темы с кавычек низзя.

Да и в первом сообщении наследование в кавычках. Терминология не столь важна. Я понял что и как.

Интересно то, что я знаю, понимаю и использую @media, но не знал что это каким-то образом имеет отношение к sass.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.09.2017, 11:22
    #39517170
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
У меня там в стилях пробел лишний...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<style>
.skin{
/*...*/
font-size: 16px;
}
.tformat{
/*...*/
font-size: 11px;
}
.skin.tformat {
font-size: 16px; 
}
</style>
<div class='skin'>skin</div>
<div class='tformat'>tformat</div>
<div class='skin tformat'>skin tformat</div>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.09.2017, 11:25
    #39517173
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
aliskinслово наследование в названии темы должно быть в кавычках, но насинать назв темы с кавычек низзя.
В ЦСС нет наследования... Там есть каскадность.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.09.2017, 11:26
    #39517174
aliskin
aliskin
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
krvsaaliskinтак не хочу.
А как ты хочешь?
И что именно "так" ты имеешь ввиду?
aliskinи это... ваш пример, установит шрифт в 16 пкс для двух классов (или нет?).
Тебе это просто нужно проверить...
Ты сможешь это сделать самостоятельно?

вот так не хочу
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<style>
.skin{
/*...*/
font-size: 16px;
}
.tformat{
/*...*/
font-size: 11px;
}
.skin .tformat {
font-size: 16px; 
}
</style>
<div class='skin'>skin</div>
<div class='tformat'>tformat</div>
<div class='skin tformat'>skin tformat</div>



---
Ты сможешь это сделать самостоятельно?

хватить шутить.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.09.2017, 11:28
    #39517176
aliskin
aliskin
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
krvsaaliskinслово наследование в названии темы должно быть в кавычках, но насинать назв темы с кавычек низзя.
В ЦСС нет наследования... Там есть каскадность.

в кавычках!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.09.2017, 12:36
    #39517263
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
aliskin,
если только фонтсайз, то можно чнрнз переменные
http://webupblog.ru/css-peremennye-opisanie-i-primery-ispolzovaniya/
прада это не наследование...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.09.2017, 13:21
    #39517321
aliskin
aliskin
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
вадяaliskin,
если только фонтсайз, то можно чнрнз переменные
http://webupblog.ru/css-peremennye-opisanie-i-primery-ispolzovaniya/
прада это не наследование...

еще раз: термин Наследование - это не наследование в его прямом смыысле. Я тут его применил потому что класс .skin должен взять все от класса .tformat .
Вприныпе это и есть некое наследование, потому я и написал "наследование"

Не, не только фонт-сайз: тут я только обобщенный\упрощенный пример с font-size привел.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.09.2017, 13:25
    #39517325
Изопропил
Изопропил
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
aliskinВприныпе это и есть некое наследование, потому я и написал "наследование"
самое настоящее наследование для чего в sass и синтаксис @extend предусмотрен.

PS кто-то ещё что либо серьёзное без css препроцессора делает?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.09.2017, 13:32
    #39517329
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
aliskin,
это я понял. и этот термин употребил в твоей интерпретации. ну раз не только фонтсайз, то....
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.09.2017, 13:36
    #39517333
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наследование в css - синтаксис css
aliskinкласс .skin должен взять все от класса .tformat
Дык!
Код: css
1.
2.
3.
4.
5.
6.
7.
.tformat,
.skin {
   /* тут пиши общую часть */
}
.skin {
   /* тут пиши частности для этого класса */
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / наследование в css - синтаксис css / 25 сообщений из 29, страница 1 из 2
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 408ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1444475]:
 0ms
get settings:
 11ms
get forum list:
 15ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 72ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 54ms
get tp. blocked users:
 2ms
others: 230ms
total:  408ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]