CSS on 'a' class in SQL call

Question

Is there a different way to reference an 'a class' within an SQL call for separate .css files?
I can't get my CSS to style a link(3rd line from bottom in function)
Edit: Seems like CSS being overruled error, 2nd picture

CSS;

.toggleFollow {

  color: blue;

  text-decoration: underline;

  cursor: pointer;

}

Function;

  function displayTweets($type) {



    global $link;



    if ($type == 'public'){

      $whereClause = "";

    }



    $query = "SELECT * FROM tweets ".$whereClause." ORDER BY 'datetime' DESC LIMIT 10";



    $result = mysqli_query($link, $query);



    if (mysqli_num_rows($result) == 0) {

      echo "No Tweets";

    } else {

      while ($row = mysqli_fetch_assoc($result)) {



        $userQuery = "SELECT * FROM users WHERE id = ".mysqli_real_escape_string($link, $row['userid'])." LIMIT 1";

        $userQueryResult = mysqli_query($link, $userQuery);

        $user = mysqli_fetch_assoc($userQueryResult);



        echo "<div class='tweet'><p><strong>".$user['email']." </strong><span class='time'> - ".time_since(time() - strtotime($row['datetime']))." ago</span></p>";



        echo "<p>".$row['tweet']."</p>";

        echo "<p><a class='toggleFollow' data-userid='".$row['userid']."'>Follow</a></p></div>";

      }

    }

Recommended for you: Get network issues from WhatsUp Gold. Not end users.

Answer 1

class'toggleFollow'

should be

class='toggleFollow'

Update - you need to look at CSS Specificity as @Obsidian mentioned

.tweet a.toggleFollow {
     color: blue;
}

You can also use !important

.tweet a.toggleFollow {
     color: blue!important;
 }

CSS on 'a' class in SQL call

Sign up