我只是在玩一个基本表格,输入来自另一页上的表格。
我想根据游戏结果更改表格的 CSS。
如果主队获胜,我希望该行的背景颜色为绿色,如果他们输球则为红色,否则保持不变。
所以我认为我需要使用 IF 和 ELSES,但不太确定如何将其与 CSS 集成以及将其放置在何处。
我对 PHP 还是很陌生。
<html>
<head>
<title>Player Stats</title>
<style>
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
}
</style>
</head>
<body>
<h1>Player Stats</h1><br>
</br>
<h3>Results</h3><br>
</br>
<table>
<tr>
<th>Home team</th>
<th>Away team</th>
<th>Score</th>
<th>Venue</th>
<tr>
<td><?php echo $_POST["home"]; ?></td>
<td><?php echo $_POST["away"]; ?></td>
<td><?php echo $_POST["goalsh"]; ?> - <?php echo $_POST["goalsa"]; ?></td>
<td><?php echo $_POST["formGender"]; ?></td>
</tr>
</table>
<br>
</br>
<a href="http://chrispaton.xyz/update.php">Update player stats</a>
</body>
</html>
最佳答案
一种方法是创建两个类,红色和绿色。
.red{ background-color: red }
.green{ background-color: green }
你可以这样做,
<tr class="<?= (!($_POST["goalsa"] > $_POST["goalsh"])) ? 'green' : (($_POST["goalsa"] > $_POST["goalsh"])? 'red' : '') ?>" />
关于php - IF ELSE、PHP 和 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39715499/