Display:Flex только для определенных блоков

Question

Display:Flex только для определенных блоков

szet Мастер (1007), на голосовании 6 месяцев назад

К примеру, имется такой код

<div style="display:flex">
<p>.......
<span>.....
<h2><h3> и т.д.
<div "псевдоклас">
<div "псевдоклас">
<div "псевдоклас">
</div конец флекса>

Как сделать так, чтобы флекс срабатывал только на псевдокласы?
Т.е. параграф и прочий текст, на это не влияло.

Answer 1

Чтобы применить display: flex только к определенным элементам с псевдоклассами, вы можете использовать соответствующие селекторы CSS. Вот как это можно сделать:

   
 
  
    .......
  
    .....  
    .....
  
    .....
  
    .....
  
    .....
  
    .....

В этом примере .flex-container > .псевдоклас выбирает только дочерние элементы с классом "псевдоклас", находящиеся непосредственно внутри элемента с классом "flex-container". Таким образом, стиль display: flex будет применяться только к этим конкретным элементам, остальные элементы будут проигнорированы.

Answer 2

Wesker Мастер (1165) 7 месяцев назад

 
  Text
  ::after

 .flex-container ::after {
  display: flex;
}