ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / наследование в css - синтаксис css
25 сообщений из 29, страница 1 из 2
  1  все
наследование в css - синтаксис css
    #39516769
aliskin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
aliskin
Участник
есть такая запись

Код: 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:27
| Ответить | Цитировать | Написать  
наследование в css - синтаксис css
    #39516771
aliskin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
aliskin
Участник
*рАзмер
...
Рейтинг: 0 / 0
06.09.2017, 20:29
| Ответить | Цитировать | Написать  
наследование в css - синтаксис css
    #39516786
Фотография Изопропил
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изопропил
Участник
aliskin,

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

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

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

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

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

в реле это будет не наследование.
Наследование будет в исходниках
скомпилится в два независимых правилато так, только что тс надо?
и есть ещё один ньюанс - если в дебагере что-то править в css, то проблематично гай и место в исходнике для тсправдения.
...
Рейтинг: 0 / 0
07.09.2017, 08:18
| Ответить | Цитировать | Написать  
наследование в css - синтаксис css
    #39516920
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
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:26
| Ответить | Цитировать | Написать  
наследование в css - синтаксис css
    #39516922
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Изопропилв sass можно сделать - https://sass-scss.ru/documentation/pravila_i_direktivi/direktiva_extend.html
в чистом css - не выйдет
Любой sass потом переделывается в css. Если чего-то не сделать в css - таки никакой sass и less тебе не поможет.
...
Рейтинг: 0 / 0
07.09.2017, 08:27
| Ответить | Цитировать | Написать  
наследование в css - синтаксис css
    #39516926
Фотография Изопропил
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изопропил
Участник
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:36
| Ответить | Цитировать | Написать  
наследование в css - синтаксис css
    #39516936
Фотография Изопропил
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изопропил
Участник
krvsaтебе не поможет.
это не по адресу - я в курсе как работает sass/less препроцессор, что на входе и что на выходе
...
Рейтинг: 0 / 0
07.09.2017, 08:45
| Ответить | Цитировать | Написать  
наследование в css - синтаксис css
    #39516943
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
krvsaЛюбой sass потом переделывается в css. Если чего-то не сделать в css - таки никакой sass и less тебе не поможет.

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

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

вот так я не хочу!
...
Рейтинг: 0 / 0
07.09.2017, 11:07
| Ответить | Цитировать | Написать  
наследование в css - синтаксис css
    #39517153
aliskin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
aliskin
Участник
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:15
| Ответить | Цитировать | Написать  
наследование в css - синтаксис css
    #39517166
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
aliskinтак не хочу.
А как ты хочешь?
И что именно "так" ты имеешь ввиду?
aliskinи это... ваш пример, установит шрифт в 16 пкс для двух классов (или нет?).
Тебе это просто нужно проверить...
Ты сможешь это сделать самостоятельно?
...
Рейтинг: 0 / 0
07.09.2017, 11:20
| Ответить | Цитировать | Написать  
наследование в css - синтаксис css
    #39517168
aliskin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
aliskin
Участник
слово наследование в названии темы должно быть в кавычках, но насинать назв темы с кавычек низзя.

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

Интересно то, что я знаю, понимаю и использую @media, но не знал что это каким-то образом имеет отношение к sass.
...
Рейтинг: 0 / 0
07.09.2017, 11:21
| Ответить | Цитировать | Написать  
наследование в css - синтаксис css
    #39517170
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
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>
...
Рейтинг: 0 / 0
07.09.2017, 11:22
| Ответить | Цитировать | Написать  
наследование в css - синтаксис css
    #39517173
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
aliskinслово наследование в названии темы должно быть в кавычках, но насинать назв темы с кавычек низзя.
В ЦСС нет наследования... Там есть каскадность.
...
Рейтинг: 0 / 0
07.09.2017, 11:25
| Ответить | Цитировать | Написать  
наследование в css - синтаксис css
    #39517174
aliskin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
aliskin
Участник
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:26
| Ответить | Цитировать | Написать  
наследование в css - синтаксис css
    #39517176
aliskin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
aliskin
Участник
krvsaaliskinслово наследование в названии темы должно быть в кавычках, но насинать назв темы с кавычек низзя.
В ЦСС нет наследования... Там есть каскадность.

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

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

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

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


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