如何将PHP变量用作CSS ID？能否在CSS中编写PHP代码？

一、如何在CSS中使用动态生成的ID #

你有两种实用方式来为带动态ID的元素编写CSS样式：

1. 在HTML的<style>标签中嵌入PHP生成选择器 #

直接在页面的<style>块里用PHP输出动态ID的选择器，就能精准匹配对应的<div>：

<style>
#<?php echo $data['id'] ?? ''; ?> {
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  padding: 8px;
}
</style>

<div id="<?php echo $data['id'] ?? ''; ?>">
  动态内容
</div>

2. 结合通用Class + 动态ID（更灵活） #

给动态div添加固定class，先写通用样式，再针对特定ID补充个性化样式：

<style>
/* 所有动态div共用的通用样式 */
.dynamic-box {
  font-size: 14px;
  margin: 10px 0;
}

/* 当前动态ID的特殊样式 */
#<?php echo $data['id'] ?? ''; ?> {
  color: #d9534f;
}
</style>

<div id="<?php echo $data['id'] ?? ''; ?>" class="dynamic-box">
  动态内容
</div>

二、CSS文件中能否编写PHP代码？ #

单纯的.css静态文件默认不会被PHP解析，但有两种可行的处理方式：

1. 把CSS写在PHP文件中 #

创建style.php文件，开头声明CSS的MIME类型，再在里面用PHP生成动态样式：

<?php
header('Content-Type: text/css');
$targetId = $data['id'] ?? '';
?>

#<?php echo $targetId; ?> {
  /* 动态样式代码 */
}

然后在HTML中引入这个PHP文件：

<link rel="stylesheet" href="style.php">

2. 配置服务器让.css文件解析PHP（不推荐） #

可以通过Apache的.htaccess或Nginx配置，让服务器把.css文件当作PHP文件解析，但这种方式会增加服务器负担，且混淆了静态资源与动态代码的边界，不建议在生产环境使用。

内容的提问来源于stack exchange，提问作者Iblg