I'm trying to alternate row colors but instead only the bullet points are alternating colors at http://althedge.xyz Can someone show me how to do this? Thanks
I'm using this css code below to alternate the bullet point color but how to alternate the row color.
ul:nth-of-type(odd) {
color: #ccc;
}
Php file
<?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;
?>
Reviewing your code, the color is from the a
tag, you can change your css this way to fix it
ul:nth-of-type(odd),
ul:nth-of-type(odd) a {
color: #ccc;
}
You can do this via simple css:
ul li {
color: blue;
}
ul li:nth-child(odd) {
color: grey;
}
The blue color is default link color, you need to change the color for link
ul:nth-of-type(odd) a {
color: #ccc;
}
First, you should move the <ul>
echo outside of the while
loop. You only want a single <ul>
element wrapping all of your <li>
's. That may honestly be intentional, but thought I should tell you nonetheless.
Next up, your provided CSS is targeting the <ul>
element itself, rather than the markup inside of them. And, finally, anchor elements have default styling in web browsers – that's why they're blue currently.
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>
<?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;
echo "<ul>";
while ($row = $resultSet->fetch_assoc()) {
if ($row['Date'] != $currentDate) {
echo $row['Date'] ;
$currentDate = $row['Date'];
}
echo '<li>' .
'<A HREF="'.
$row["Link"].
'"style="text-decoration: none;"'.
'">'.
$row["Article"].
'</A>'.
'</li>';
}
echo "</ul>";
$html .= '</table>';
echo $html;
?>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.