php - SQL 调用中 'a' 类上的 CSS

Question

是否有不同的方法在 SQL 调用中为单独的 .css 文件引用“类”？ 我无法让我的 CSS 设置链接样式(函数底部的第 3 行) 编辑:似乎 CSS 被否决错误，第二张图片

CSS；

.toggleFollow {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}

函数；

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

Answer 1

问题是你在回显 <a class'toggleFollow'> ，这是无效的标记。

为了CSS选择器.toggleFollow要正确定位它，您需要在 class 之后添加等号:

<a class='toggleFollow'>

您可以使用 W3C Validation Service 验证您的标记是否有效(支持直接输入)，它实际上会警告您属性值丢失等号:

Have you forgotten the "equal" sign marking the separation between the attribute and its declared value? Typical syntax is attribute="value".

假设这不能解决问题，则问题的其他可能 原因只有四种。以下是四种可能出现的问题及其各自的解决方案:

• 最有可能的罪魁祸首是您缓存了旧的 HTML 标记。这可以通过按住 CTRL 并按 F5 来解决，这将刷新 DOM。这会将等号添加到标记中，如果已修改，还会更新指向 CSS 文件的链接。

• 在您添加有效的 .toggleFollow 之前 CSS 本身 可能被缓存了选择器。您可以通过在单击刷新图标的同时按住 SHIFT 来刷新 CSS 缓存(与浏览器缓存分开!)。

• 另一个罪魁祸首可能是 specificity 。确保 .toggleFollow选择器不会被具有更高特异性的选择器覆盖。您可以使用 F12 Developer Tools 检查特异性。带有删除线的行被覆盖。

• 最不可能的是，您的 CSS 文件实际上并没有被错误引用。通过使用 F12 开发人员工具查看是否收到 404 以确保您确实正确加载了它尝试加载它时。