Question

我不想让自定义博客上的所有链接都变红。只是具体的。只有＆＃34; Destiny＆＃34;文字和＆＃34;阅读更多＆＃34;应该是红色。你可以看到标题也是红色的，这是我不想要的。所有链接都应该是红色但不是标题！

屏幕截图：https://gyazo.com/daaa771613ffd444b65e38119c45c2dd

我该如何解决这个问题，需要做些什么？

谢谢

Answer 1

您可以为标题内的链接添加特定规则

h1 a { color: red}

a { color: blue}

或创建一些额外的类并将它们添加到您的标记中：

//html
<h1 class="title-link">My title</h1>

//css
.title-link {
  color: red;
}

a {
  color: blue;
}

Answer 2

这样做的一种方法是为每个想要变成红色的元素添加一个class属性：

<a class="red-text">Read more</a>
<a class="red-text">another red text</a>

然后在样式表中，您可以选择它们：

.red-text {
    color: red;
}

Answer 3

试试这个

<h1 class="title">This Title should be black</h1>

CSS

.title{
color:black;
}

样品

<?php
            try {

                $stmt = $db->query('SELECT postID, postTitle, postDesc, postDate FROM blog_posts ORDER BY postID DESC');
                while($row = $stmt->fetch()){

                    echo '<div>';
                        echo '<h1 class="title"><a href="viewpost.php?id='.$row['postID'].'">'.$row['postTitle'].'</a></h1>';
                        echo '<p>Posted on '.date('jS M Y H:i:s', strtotime($row['postDate'])).'</p>';
                        echo '<p>'.$row['postDesc'].'</p>';             
                        echo '<p><a href="viewpost.php?id='.$row['postID'].'">Read More</a></p>';               
                    echo '</div>';

                }

            } catch(PDOException $e) {
                echo $e->getMessage();
            }
        ?>

    </div>

Answer 4

以下是代码：

<?php
try {
    $stmt = $db->query('SELECT postID, postTitle, postDesc, postDate FROM blog_posts ORDER BY postID DESC');
    while($row = $stmt->fetch()) {
        echo '<div>';
        echo '<h1><a href="viewpost.php?id='.$row['postID'].'">'.$row['postTitle'].'</a></h1>';
        echo '<p>Posted on '.date('jS M Y H:i:s', strtotime($row['postDate'])).'</p>';
        echo '<p>'.$row['postDesc'].'</p>';             
        echo '<p><a href="viewpost.php?id='.$row['postID'].'">Read More</a></p>';               
        echo '</div>';
    }
} catch(PDOException $e) {
    echo $e->getMessage();
}
?>

</div>

Answer 5

试试这个。我有帮助地跳了这段代码

    // Html Code
    <label class="Red-color"> Title Name </label>

    // Css 
    .Red-color
    {
    color: red;
    /* if you want underline */
     text-decoration: underline;
    }

如何让一个特定的链接丰富多彩？

5 个答案: