Как записать данное условие наиболее правильно?

Question

[Михаил Р.]

Всем привет!
Имеется следующий блок в верстке:

<p class="fileDescription">%'file_description'%</p>

. Нужно сделать так, что-бы мы могли определить, сколько символов (общее количество) появится между тегов <p></p> , и если символов не будет вообще, то присвоить данном <p> display=none.
Спасибо!

udp
------------
Усложним задачу.
Есть

<p class="fileDescription">Описание: <span>%'file_description'%</span></p>

Надо понять, есть ли какие либо символы между данными span, и если их там нет, то в P вывести display=none...

Comments

[AlikDex]

а шаблонизатор позволяет условия делать? чую что нет.

[Михаил Р.]

AlikDex: позволяет, уже пробовал.

Answer 1

[EvgeniyKonstantinov]

p:empty {
   display: none;
}

https://css-tricks.com/almanac/selectors/e/empty/

Comments

[Михаил Р.]

благодарю, работает, но вот возникла дополнительная проблема, обновил вопрос...

Answer 2

[Котик Антон]

Можно так:

<?php $description = 'file_description'; ?>
<p class="fileDescription"<?php if (!strlen($description)) echo ' style="display: none"'; ?>>
    Описание: <span><?php echo $description; ?></span>
</p>

Или так:

<style>
    .hidden {
        display: none;
    }
</style>
<?php $description = 'file_description'; ?>
<p class="fileDescription<?php if (!strlen($description)) echo ' hidden'; ?>">
    Описание: <span><?php echo $description; ?></span>
</p>

Либо дождаться, когда в CSS появится :has() и браузеры начнут это поддерживать:

.fileDescription:has(span:empty) {
    display: none;
}

Comments

[Михаил Р.]

благодарю, работает, но вот возникла дополнительная проблема, обновил вопрос...