如何讓一個特定的鏈接變得豐富多彩？

Question

我不想讓自定義博客上的所有鏈接都變成紅色。只是具體的。只有「命運」文本和「閱讀更多」應該是紅色。正如你所看到的，標題也是紅色的，這就是我不想要的。所有鏈接應該是紅色的，但不是標題！

截圖：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

一個辦法這是通過添加一個類屬性，你想成爲紅色的每個元素：

<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; 
    }