Size: a a a

CSS — русскоговорящее сообщество

2020 May 17

M

Miseo in CSS — русскоговорящее сообщество
Коллеги, хочу узнать, а можно ли используя CSS in JS, как то не напрямую задавать стили дочерним компонентам. Допустим я хочу в родительскому компоненту задать стили, что бы дети это наследовали каскадно.  Пишу родителю допустим:

const myCSS = { 
 ...styles for children...  
}

<div styles={myCSS}>
   ... children ...
</div>
источник

L

LZD in CSS — русскоговорящее сообщество
Miseo
Коллеги, хочу узнать, а можно ли используя CSS in JS, как то не напрямую задавать стили дочерним компонентам. Допустим я хочу в родительскому компоненту задать стили, что бы дети это наследовали каскадно.  Пишу родителю допустим:

const myCSS = { 
 ...styles for children...  
}

<div styles={myCSS}>
   ... children ...
</div>
хз чо такое ксс ин жс но можно есть такое свойство https://www.w3schools.com/csSref/css_inherit.asp наследование свойства от родителя
источник

BC

Bad Coder in CSS — русскоговорящее сообщество
LZD
хз чо такое ксс ин жс но можно есть такое свойство https://www.w3schools.com/csSref/css_inherit.asp наследование свойства от родителя
😅
источник

M

Miseo in CSS — русскоговорящее сообщество
LZD
хз чо такое ксс ин жс но можно есть такое свойство https://www.w3schools.com/csSref/css_inherit.asp наследование свойства от родителя
Я про инлайновые стили которые ты пишешь в .js файле
источник

L

LZD in CSS — русскоговорящее сообщество
Miseo
Я про инлайновые стили которые ты пишешь в .js файле
источник

M

Miseo in CSS — русскоговорящее сообщество
В CSS я делаю так:

.parentComp .child > i {
 .... smth styles...
}


А как мне такую же конструкицю повторить только через JS. Если нет прямого доступа к тэгу "i"
источник

L

LZD in CSS — русскоговорящее сообщество
Miseo
В CSS я делаю так:

.parentComp .child > i {
 .... smth styles...
}


А как мне такую же конструкицю повторить только через JS. Если нет прямого доступа к тэгу "i"
i {
  inherit
}
источник

L

LZD in CSS — русскоговорящее сообщество
все i будут наследовать стили родителя
источник

M

Miseo in CSS — русскоговорящее сообщество
LZD
i {
  inherit
}
Это я понял ) как мне досутчаться до определённого i через js ? )
источник

L

LZD in CSS — русскоговорящее сообщество
Miseo
Это я понял ) как мне досутчаться до определённого i через js ? )
это тебе в чат по жс надо
источник

M

Miseo in CSS — русскоговорящее сообщество
LZD
это тебе в чат по жс надо
Понял )
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Miseo
В CSS я делаю так:

.parentComp .child > i {
 .... smth styles...
}


А как мне такую же конструкицю повторить только через JS. Если нет прямого доступа к тэгу "i"
эм
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
${Component}
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
если речь о Styled Components или Emotion
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
но Component должен быть уже к этому моменту определён, естественно
источник

M

Miseo in CSS — русскоговорящее сообщество
Sergey Bekharsky
${Component}
Я не совсем понял. Можешь как-то пошире описать, пожалуйста?
источник

BC

Bad Coder in CSS — русскоговорящее сообщество
Miseo
Я не совсем понял. Можешь как-то пошире описать, пожалуйста?
как я понял, нужно так:
& > ${<ChildComp />}
источник

BC

Bad Coder in CSS — русскоговорящее сообщество
не, фигня
источник

M

Miseo in CSS — русскоговорящее сообщество
0_o а может есть статейка где можно о таком прочитать? )
источник

BC

Bad Coder in CSS — русскоговорящее сообщество
источник