链接到外部样式表以即时查看更新

时间：2014-05-28 18:40:43

标签： html css

我们正在寻找一个外部网站example.com。

我想创建一个ad hoc开发环境，我可以在其中更新计算机上的样式表，并查看实际实时网站上的更改。

我可以使用inspect元素功能，但如果我不小心刷新了怎么办。

我在我的公共Dropbox文件夹中添加了一个样式表。该文件夹链接到我的桌面，所以每次我在计算机上保存.css文件时，它都会同步到我的公共dropbox文件夹 - 样式表的编辑是实时的。

然后我使用chrome中的inspect元素功能编辑了html。我在<head>部分编辑了html并添加了以下行：

<link rel="stylesheet" type="text/css" media="all" href="https://dl.dropboxusercontent.com/u/18083818/stylegavin.css">

我曾预计我的屏幕上的网站会更新 - 没有更新。

  1. 我在飞行中看到css的方法是编辑最好的方法吗？
  2. 当我链接到头部的样式表时，为什么我的更改没有在实际网站上看到？

    3. 这是通过inspect元素添加的样式表的图片： enter image description here

1 个答案:

答案 0 :(得分：0)

这是检查样式表是否按照您希望的方式工作的好方法，但是您使用什么软件来开发网站？ DREAMWEAVER？如果是这样，Dreamweaver有一个功能，允许你这样做，这将更容易和更安全只是因为无论出于何种原因你的Dropbox帐户被泄露或如果样式表被意外删除，那么至少你可以通过一个监控你的变化FTP帐户。

对于第二个问题：您可能需要刷新页面才能看到效果，因为Dropbox可能需要一段时间才能将此新文件同步到其中。服务器

我是否还可以指出您的CSS：a#header-links-blue-button.button.hblue-button可能难以正常工作，因为您已正确声明您正在定义带有<a>标记的ID选择器，但您也有在名称中使用.，在查找类和ID时可能会混淆浏览器。通常不要在类和id选择器的名称中使用.和#。

相关问题
最新问题