Изменение стилей через php

@Saky · Регистрация: 16.12.2015

Студворк — интернет-сервис помощи студентам

Добрый день.
У меня есть отдельный файл css, в котором описан некий класс, у которого есть поле content, которое по умолчанию не заполнено. Мне нужно, чтобы при выполнении определенного условия поле контент заполнялось нужной мне строкой. Собственно, вопрос в том, как это сделать.
Предвидя советы о том, что для этого проще использовать что-либо помимо php- мне нужно реализовать это именно в php-скрипте.
Я нашла примеры реализации подобного через подобный фрагмент в php-скрипте:

PHP
1
2
3
echo'<style type="txt/css">
    .class {content:'primer';}
</style>';

Но, либо я что-то сделала не так, либо я ошиблась, и это не для моей ситуации.
Также пробовала в файл страницы вставлять

PHP
1
2
3
<style type="text/css">
    .class {content: <?=$_SESSION['primer']?>;} <!-- Переменная в которую я записываю значение поля content, которое мне нужно -->
</style>

Что тоже не возымело эффекта.
Надеюсь, здесь смогут мне помочь.

@sasha0012 · 01.06.2018, 19:10

свойства content применяется в сочетании с псевдоэлементами ::before и ::after

CSS
1
2
3
class:before, class:after {
...
}

Если у Вас с сессией всё нормально (значение есть и оно отображается на странице), то добавьте псевдоэлементы:

CSS
1
.class:before {content: <?=$_SESSION['primer']?>;}

А так, всё должно работать по приведённому коду.

@fanatikus · 01.06.2018, 19:19

Сообщение от Saky

У меня есть отдельный файл css,

с расширением .css?
если да, то php там не сработает

@Saky · 01.06.2018, 19:23 **[ТС]**

Сообщение от sasha0012

свойства content применяется в сочетании с псевдоэлементами ::before и ::after

CSS
1
2
3
class:before, class:after {
...
}

Если у Вас с сессией всё нормально (значение есть и оно отображается на странице), то добавьте псевдоэлементы:

CSS
1
.class:before {content: <?=$_SESSION['primer']?>;}

А так, всё должно работать по приведённому коду.

да, простите, я в первом посте ошиблась, контент и находится в after, и я описывала это через class:after, а не так, как написала в первом посте.
Я решила проблему через присвоение блоку класса class="<?=$_SESSION['.class']?>", но хотелось бы все же так, как вы написали, через переменную в поле контент. Я уже пыталась сделать сделать так, помещать переменную в это поле, в файле .css, но это не сработало и редактор не воспринимал это как php код. Может есть что-то, о чем я не знаю, что нужно сделать, для того, чтобы переменные php в css работали?

Добавлено через 1 минуту

Сообщение от fanatikus

с расширением .css?
если да, то php там не сработает

то есть мне нужно сделать у файла стилей расширение .php?
А могу я вместо этого оставить файл стилей как есть, но в php-файле страницы дописать этот фрагмент с полем контент в <style></style>? Если да, то не приведете пример? Потому что я пыталась это сделать и в файле страницы, но эффекта не возымело.

@tarasalk · 01.06.2018, 19:24

В первом случае - 'primer', кавычки не экранированы. Соответственно php должен выдать синтаксическую ошибку.

PHP
1
2
3
4
<?php
echo "<style type='txt/css'>
    .class {content:'primer';}
</style>";

Во втором случае кавычек нет вообще. Соответственно css должен выдать ошибку(в инспекторе видно некорректное свойство)

@fanatikus · 01.06.2018, 19:37

Сообщение от Saky

но в php-файле страницы дописать этот фрагмент с полем контент в <style></style>

можно

Сообщение от Saky

Если да, то не приведете пример

PHP/HTML
1
2
3
4
5
6
<style>
.class:before {
       content: <?php echo $_SESSION['primer'];?>;
}
 
</style>

это если в html выводить

Добавлено через 7 минут
если в php

PHP
1
2
3
echo "<style>
.class:before {'" .  $_SESSION['primer'] .  "';  }
 </style>";

@Saky · 01.06.2018, 19:39 **[ТС]**

Сообщение от fanatikus

можно

PHP/HTML
1
2
3
4
5
6
<style>
.class:before {
       content: <?php echo $_SESSION['primer'];?>;
}
 
</style>

это если в html выводить

Добавлено через 7 минут
если в php

PHP
1
2
3
echo "<style>
.class:before {'" .  $_SESSION['primer'] .  "';  }
 </style>";

Не работает
Код из php-скрипта:

PHP
1
2
//условие
    $_SESSION['the-path-trigger'] = '\27A4';

Код страницы:

PHP
1
2
3
4
5
<style>
    .nav-toggle-2:after {
        content: <?php echo $_SESSION['the-path-trigger'];?>;
    }
</style>

Поле всегда пустое, даже при выполнении условия

Сообщение от fanatikus

echo "<style>
.class:before {'" . *$_SESSION['primer'] . *"'; *}
</style>";

Не совсем поняла, что значит выводить в html и в php. Расширение страницы должно ведь быть php, чтобы работали скрипты. В любом случае, попробовала, тоже безрезультатно, поле всегда пустое

@sasha0012 · 01.06.2018, 19:48

Сообщение от Saky

Поле всегда пустое, даже при выполнении условия

а что на самом деле находится в сессии? Вы проверяли, там действительно то что Вы ожидаете?

Сообщение от Saky

что нужно сделать, для того, чтобы переменные php в css работали?

http://ruphp.com/php-css-2.html

@Saky · 01.06.2018, 19:54 **[ТС]**

Сообщение от sasha0012

а что на самом деле находится в сессии? Вы проверяли, там действительно то что Вы ожидаете?

Да, при выполнении условия переменная принимает нужное значение

Сообщение от sasha0012

http://ruphp.com/php-css-2.html

Спасибо, сейчас попробую

@sasha0012 · 01.06.2018, 20:06

Сообщение от Saky

Не работает
Код из php-скрипта:

Это:

PHP
1
2
3
echo "<style>
.class:before {'" .  $_SESSION['primer'] .  "';  }
 </style>";

нужно заменить на это:

PHP
1
2
3
echo '<style>
.class:before {content: "'.$_SESSION['primer'].'";}
</style>';

@Saky · 01.06.2018, 20:31 **[ТС]**

Сообщение от sasha0012

Это:

PHP
1
2
3
echo "<style>
.class:before {'" .  $_SESSION['primer'] .  "';  }
 </style>";

нужно заменить на это:

PHP
1
2
3
echo '<style>
.class:before {content: "'.$_SESSION['primer'].'";}
</style>';

Скорее всего я делаю что-то критически неправильное, но я не представляю в чем проблема. В любом случае, я перепробовала все, что предлагали, включая манипуляции с .css и echo, которое вы переписали, безрезультатно.
Тем не менее, спасибо всем за помощь, но, видимо, придется вернуться к рабочей версии- переменной указывать класс блока.

@sasha0012 · 01.06.2018, 20:43

Сообщение от Saky

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

Если Вы откроете страницу в браузере, просмотрите "Исходный код", и там будет нечто подобное:

HTML5
1
2
3
<style>
.class:before {content: "нужное значение";}
</style>

значит ошибка в вёрстке css и html, но если Вы не увидите ожидаемого, то проблема не решена, обращайтесь.

@Saky · 01.06.2018, 20:54 **[ТС]**

Сообщение от sasha0012

Если Вы откроете страницу в браузере, просмотрите "Исходный код", и там будет нечто подобное:

HTML5
1
2
3
<style>
.class:before {content: "нужное значение";}
</style>

значит ошибка в вёрстке css и html, но если Вы не увидите ожидаемого, то проблема не решена, обращайтесь.

Я нашла в чем была проблема. Как и ожидалось, была моя ошибка. Я переменной присваивала код символа, но забыла про дополнительные кавычки, в итоге в поле контент уходило значение \27A4, а не '\27A4', глупо получилось. Спасибо всем большое

Новые блоги и статьи Все статьи Все блоги /
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Рецензия / Мнение Это мой обзор планшета X220 с точки зрения школьника. Недавно я решила попытаться уменьшить свой. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .