标签: css

有时，网页会加载到浏览器中，但无法正确显示。页面的所有元素都在那里，但它们不在它们应该在的地方。

例如（A、B 和 C 是页面的三个元素）

--------------------------
|       |       |       |
|   A   |   B   |   C   |
|       |       |       |
--------------------------

可能会显示为

---------
|       |
|   A   |
|       |
---------
|       |
|   B   |
|       |
---------
|       |
|   C   |
|       |
---------

也就是说，格式丢失了。怎么会这样？

是否有插件/扩展可以在浏览时禁用某些网站上的 CSS 而不是其他网站？有点像 Web 开发工具栏插件中的功能，但具有选择性和自动性。

有任何想法吗？

我认为要么不支持，要么我太愚蠢了。在这种情况下，我更喜欢最后一个。我正在使用 Firebug 进行 .css 编辑。现在我遇到了一个问题，我必须编辑一些相当大的 css 文件（几千行代码）。所以我希望 Firebug 显示行号。那可能吗？如果是，如何？

我在 SU 上找到了这篇文章，但它似乎并没有完全满足我的需求，所以我会问一个类似的问题。我通常使用 PSPad，而且我也不太害怕 Notepad++。他们都是优秀的编辑器，但他们的 CSS 突出显示似乎缺乏 CSS3 的所有优点。

最重要的是，我最近开始使用 LESS 而不是纯 CSS，这就是两个编辑器都失败的地方。一旦遇到嵌套属性，PSPad 就会完全丢失，甚至无法显示匹配的大括号，更不用说糟糕的语法突出显示了。Notepad++ 稍微好一些，因为匹配的大括号总是正确显示，但是，嵌套仍然使 Notepad++ 在 LESS 中迷失了方向。

那么，您是否碰巧知道我如何使这两者中的任何一个与 LESS 正确配合？一个可下载的资源就可以了，或者一个插件，如果你知道的话（我不知道）。或者，如果您知道任何其他优秀的轻量级编辑器可以提供良好的 LESS 突出显示，请指点我（请不要使用基于 Eclipse 的东西，它对于 CSS 荧光笔来说太重了）。

[编辑，以防有人觉得它有用]：

自从写这个问题以来，我遇到了一个很棒的 IDE，尽管它是基于 Java 的，因此有点慢。它被称为PhpStorm，由 JetBrains 创建。因为我现在在大部分 PHP 编码中都使用它，所以我最终也用它编辑了 LESS 文件。令人惊讶的是：PhpStorm 对 LESS 有开箱即用的内置支持！它并不完美，因为它有时会忘记显示自动完成建议，但总的来说它真的很不错。就像我说的，它不是一个轻量级的解决方案，也不是免费的，但我现在将它用于我所有的编码，并发现它非常值得推荐。

我正在寻找一种方法来更改 FF4 beta 上菜单按钮的背景颜色并将其同时放置在选项卡栏上。

我使用各种 Stylish 用户样式和 chrome.css 修改实现了后一种效果，但无论我做什么，菜单按钮始终是那种可怕的橙色阴影。

很长一段时间以来，一直“卡在”页面顶部的标题一直困扰着我。这是我遇到的最新示例：

滚动前的网站：

向下滚动一点后的网站：

（网站在这里）

请注意标题如何阻止某些文本，从而有效地缩小了浏览器的水平尺寸。

我正在使用 Firefox，并且我了解到我可以通过使用检查元素并为元素添加内联 CSS 来隐藏这些麻烦的标题，例如display: none. 虽然这总比没有好，并且在我真的想阅读文章时有效，但每次访问网站时都必须这样做是非常令人恼火的。我也知道我可以使用用户样式表来创建一个永久规则来隐藏特定网站的元素，但这也是我想避免的，因为它相当耗时。

简而言之，我的问题是：有没有办法用脚本自动隐藏元素，或者有没有办法编写用户样式表来始终隐藏这些类型的标题？

我正在尝试使用 Pandoc 将 HTML 文件转换为 Markdown，但我很难找到正确的选项。

我想将整个 HTML 文件转换为最简单的 Markdown。也就是说，<div>大括号中没有标签和 CSS 样式。但是，当我通过调用将以下 HTML 输入到 pandoc 时pandoc -f html -t markdown reduced.html -o res.md：

<div class="section-content">
<div class="section-inner sectionLayout--insetColumn">
    <h3 name="2ee9" id="2ee9" class="graf graf--h3 graf--leading graf--title">Post Title</h3>
    <p name="021f" id="021f" class="graf graf--p graf-after--h3">Preamble <a href="https://cogsci.stackexchange.com/users/4397/seanny123?tab=questions" data-href="https://cogsci.stackexchange.com/users/4397/seanny123?tab=questions" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">link</a> and conclusion.</p>
</div>

我得到以下 Markdown 输出，其中包含我想忽略的所有内容：

<div class="section-content">

<div class="section-inner sectionLayout--insetColumn">

### Post Title {#2ee9 .graf .graf--h3 .graf--leading .graf--title name="2ee9"}

Preamble
[link](https://cogsci.stackexchange.com/users/4397/seanny123?tab=questions){.markup--anchor
.markup--p-anchor} and conclusion.

</div>

</div> …

如何告诉 kate.less默认情况下对文件使用 CSS 突出显示？

我曾经依赖 Google Chrome Inspect Element？资源标签？样式表功能，我可以双击 css 源中的任意位置，我可以在页面中使用实时渲染来编辑它。它似乎不再起作用了，这让我很难过。（我可以从“来源”选项卡做同样的事情，但这需要更多的点击）

我在 OS X 10.6.8 上运行 Chrome v 21.0.1180.49 beta

附注。我发现其他人也有同样的问题。

我发现 CSS 动画很慢，而且大部分时间都没用。它们使网站感觉沉重和滞后，尤其是当我已经将 CPU 用于其他任务时。

因此，我想在浏览器上禁用 CSS 动画以加快速度。最好的是像 noscript 或 adblock 这样的插件，我可以在其中禁用/启用特定网站。

有这样的吗？我想要活泼的网站:)。