php给点击的li设置样式,php给li标签添加不同的class
时间: 2024-02-23 07:01:29 浏览: 125
动态改变li标签样式
5星 · 资源好评率100%
可以使用 PHP 动态生成不同的 class 名称,然后在 CSS 中为这些 class 名称定义不同的样式,从而设置点击的 li 的样式。例如:
HTML 代码:
```html
<ul>
<li class="<?php echo $active ? 'active' : ''; ?>">Item 1</li>
<li class="<?php echo $active ? '' : 'active'; ?>">Item 2</li>
<li class="<?php echo $active ? 'active' : ''; ?>">Item 3</li>
</ul>
```
PHP 代码:
```php
$active = true; // 假设第一个 li 被选中
```
CSS 代码:
```css
.active {
background-color: #f00;
color: #fff;
}
```
这样,当 `$active` 为 `true` 时,第一个 li 会添加 `active` class,从而应用 `.active` 的样式;当 `$active` 为 `false` 时,第二个 li 会添加 `active` class,应用 `.active` 的样式,其它 li 不添加 `active` class,不应用 `.active` 的样式。
阅读全文