2016-02-27 45 views
-3

我不想让自定义博客上的所有链接都变成红色。只是具体的。只有“命运”文本和“阅读更多”应该是红色。正如你所看到的,标题也是红色的,这就是我不想要的。所有链接应该是红色的,但不是标题!如何让一个特定的链接变得丰富多彩?

截图:https://gyazo.com/daaa771613ffd444b65e38119c45c2dd

我怎么能解决这个问题,有什么需要做?

谢谢

+1

将另一个类/风格添加到标题? –

+0

谢谢,但如何? –

+0

你可以发表带有标题的博客页面的代码吗? @u_mulder是对的,你必须找到一种方法来为标题添加一个新的类。 – silviagreen

回答

2

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

h1 a { color: red} 

a { color: blue} 

内或创造一些额外的类,并在您的标记添加它们:

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

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

a { 
    color: blue; 
} 
1

一个办法这是通过添加一个类属性,你想成为红色的每个元素:

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

,然后在样式表中,你可以选择其中:

.red-text { 
    color: red; 
} 
+0

你好,谢谢,看看我的回复。我添加了代码,以便您可以看到。 –

1

试试这个

<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> 
0

这里的代码:

<?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> 
0

试试这个。我跳这段代码有用

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

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