在文本内容的基础上应用CSS样式?

时间:2015-05-17 23:15:42

标签: javascript css

我正在创建一个用于管理我的个人任务的应用程序,作为其中的一部分,我使用PHP填充表,从MySQL数据库中获取行。但是,由于返回了许多任务并且每个任务都有状态,我想更容易将不同颜色的样式应用于每个任务的状态,即红色表示待处理,黄色表示正在进行中,等等我很容易找到他们。但是,我似乎无法理解我将如何动态地执行此操作,如:

1. Check contents of the status cell.
2. Apply style on the basis of contents.
3. Move to next cell in status column.
4. Move to step 1.

这可以使用CSS或Javascript完成吗?我的猜测是Javascript,但我不知道从哪里开始。

1 个答案:

答案 0 :(得分:0)

在php中你可以npm ERR phantomjs@1.9.16 install: 'node install.js' npm ERR Exit status code 1 npm ERR npm ERR Failed at the phantomjs@1.9.16 install script. npm ERR This is most likely a problem with phantomjs package, npm ERR not with npm itself. npm ERR Tell the author that this fails on your system: npm ERR node install.js npm ERR There is likely addidional logging output above. npm ERR System Windows_NT 6.1.7601 npm ERR command "D:\\servers\\node\\\\node.exe" "D:\\servers\\node\\node_modules\\npm\\bin\\npm-cli.js" "install" 使用连字符str_replace()字段中的空格来生成元素类并拥有一组匹配的css规则

PHP模板:

status

CSS

<div class="<?= str_replace(' ', '-', $row->status);?>">