行の色を変えようとしていますが、代わりに箇条書きの点だけがhttp://althedge.xyz で色を変えています。ありがとう
以下の CSS コードを使用して、箇条書きの色を変更していますが、行の色を変更する方法を説明します。
ul:nth-of-type(odd) {
color: #ccc;
}
PHP ファイル
<?php
// Database Settings
define('DB_HOST', 'localhost');
define('DB_PORT', '*****');
define('DB_USER', '*****');
define('DB_PASS', '*****');
define('DB_NAME', '*****');
// Connection to Database
$database = new MySQLi(DB_HOST, DB_USER, DB_PASS, DB_NAME, DB_PORT);
$sql = 'SELECT * '
. ' FROM crypto ORDER BY Date DESC, Number DESC';
$resultSet = $database->query($sql);
$currentDate = false;
while ($row = $resultSet->fetch_assoc()) {
if ($row['Date'] != $currentDate) {
echo $row['Date'] ;
$currentDate = $row['Date'];
}
echo '<ul><li>' .
'<A HREF="'.
$row["Link"].
'"style="text-decoration: none;"'.
'">'.
$row["Article"].
'</A>'.
'</li></ul>';
}
$html .= '</table>';
echo $html;
?>
まず、<ul>
エコーをwhile
ループの外に移動する必要があります。の<ul>
すべてをラップする単一の要素のみが必要です<li>
。それは正直、意図的なことかもしれませんが、それでも伝えておかなければならないと思いました。
次に、提供された CSS は、<ul>
要素内のマークアップではなく、要素自体を対象としています。そして最後に、アンカー要素には Web ブラウザーのデフォルトのスタイルが設定されています。そのため、現在、アンカー要素は青くなっています。
ul li:nth-of-type(odd) a {
color: #ccc;
}
<ul>
<li>
<a href="http://www.coindesk.com/ether-prices-surge-shadow-bitcoin-dash/" style="text-decoration: none;">dash bubble overshadows ethereum upswing...</a>
</li>
<li>
<a href="https://www.reddit.com/r/ethtrader/comments/5xdcv8/asia_is_late_to_the_party_%E4%BA%9A%E6%B4%B2%E6%99%9A%E5%88%B0%E6%99%9A%E4%BC%9A/" style="text-decoration: none;">ethereum rises despite absent eth / cny markets...</a>
</li>
<li>
<a href="https://news.vice.com/story/bitcoins-are-more-expensive-than-gold-now-thanks-china" style="text-decoration: none;">is the devalued yuan moving bitcoin...</a>
</li>
<li>
<a href="http://fortune.com/2017/03/03/bitcoin-pricing-record/" style="text-decoration: none;">traders optimistic about the etf...</a>
</li>
</ul>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加