html - CSS 在我的 Python/HTML 元素中不起作用

标签 html css pycharm

我是第一次在 python/HTML 元素中使用 Pycharm,但我无法让 CSS 正常工作。

我的 CSS 和 HTML 文件都在 Pycharm 中的同一个文件夹中——它们都在 alpha/templates 中。

这是 Stylesheet.css:

h5 {
  color: #ff0000;
  }

这是 HTML:

<!DOCTYPE html>
<html>
      <head>
         <link href="StyleSheet.css" rel="stylesheet">
      </head>
   <body>
...
      <h5>
   Test CSS --- this should look red
      </h5>
   </body>
</html>

非常感谢!

最佳答案

  1. 检查您是否正确导入了 css 文件。 例子
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
  </head>
<body>
  1. 检查文件名和导入的命名和大小写是否相同

StyleSheet.cssstyleSheet.css 不一样

  1. 检查路径是否正确

  2. 如果不行,试试绝对路径

  3. 检查来自同一个或另一个 css 的另一个样式是否被文件覆盖,例如

body h5 {
 color: black;
}

关于html - CSS 在我的 Python/HTML 元素中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59429715/

相关文章:

html - getContext ('webgl' ) 与 getContext ('3d' ) 有什么区别?

html - Twitter 小部件 anchor 下划线

JavaScript/jQuery : Offset a <DIV> based on another <DIV> height after page load

python-3.x - Pycharm 控制台更新后无法连接

java - 我如何获取 html 代码内容中包含单词的标签和类名

javascript - 同位素数据过滤器在 Ajax 回调后不过滤

pycharm - 如何抑制 PyCharm 中的语法检查?

python - 通过 PyCharm 安装软件包会产生 "ValueError: source code string cannot contain null bytes"

jquery - 如果可能的话,如何使用 jquery 和/或 bootstrap 制作可切换的 div 以进行多种选择?

javascript - 移动设备标题下方的持久导航(如 iOS7 浏览器)