Можно ли применять свойства display: flex для внуков, а не детей?

Question

[lolo_to]

Существует ли возможность применять стили от display: flex не для детей, а для внуков, как в примере:

<style>
    .block_flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .block_flex .item {
        align-self: center;
    }
</style>

<div class="block_flex">
    <a>
        <span class="item">Пункт</span>
    </a>
    <a>
        <span class="item">Пункт</span>
    </a>
    <a>
        <span class="item">Пункт</span>
    </a>
</div>

т.е. стили от .block_flex применились не к < a >, а к < span >?

Comments

[Андрей Федоров]

Можно. но работать не будет.

[lolo_to]

Андрей Федоров, если стили применятся - будет работать, а если не применятся -работать не будет

[Rustam Bainazarov]

Нельзя, конечно. Однако, я даже не могу понять, что в итоге вы хотите решить этим.

[xdevelx]

Рустам Байназаров, В данном случае не понятно зачем это вообще надо. Но бывают случаи, когда нужно, чтобы дочерние элементы флекс или грид элементов сами стали флекс/грид элементами. Для этого display: contents и нужен. И нельзя говорить нельзя ибо бывает, что и можно уже)

[Rustam Bainazarov]

xdevelx, почему же — бывает, что нельзя, вот тут получается, что можно, т. к. я не знал об этом применении, спасибо; только лишь раз сам использовал contents, но чтобы а-ля иерархию изменить, уже забыл, что оно есть. Хотя с моей извечной задачей поддерживать IE11 это неудивительно.

Но тут я даже с учётом новой информации не совсем понимаю, зачем это нужно, потому что не понимаю проблему автора вопроса.

P. S. Как-нибудь вернусь к contents, спасибо, что напомнили.

[Ankhena]

При вашей структуре совершенно не понятно, зачем использовать display: contents, да и зачем span внутри ссылок тоже.
Макеты бы показали.

Answer 1

[xdevelx]

Если для детей - ссылок применить display: contents, то можно будет.
https://css-live.ru/articles/display-contents-prac...

Comments

[lolo_to]

Благодарю. Про content забыл совсем.

Answer 2

[lolo_to]

К сожалению стили применяются только к дочерним элементам, по этому, на сколько я знаю, так нельзя.