问题标签 [stylesheet]

我有一个默认为“宽度：100%”的 INPUT 元素。这会导致它将旁边的其他元素向下推到下一行。为了临时解决这个问题，我在元素上添加了一个内联样式属性，如下所示：

效果很好。现在我要回去清理临时修复，并将所有样式从样式属性移到外部样式表中。当我将这个特殊的“width: auto”样式移动到样式表中时，它在 Firefox 中看起来仍然很好，但在 IE 中它会忽略它并再次默认为“width: 100%”，这会再次吹出它旁边的元素。

IE web 开发工具栏没有告诉我样式来自哪里，因此很难诊断出发生了什么。我最好的猜测是 IE 中还有其他优先事项，但我不知道它可能是什么。

编辑：我发誓我尝试在 IE 开发人员栏中右键单击，但我想没有 - 当我在 IE 中的“宽度：100%”上执行“跟踪样式”时，我得到一个弹出窗口，上面写着“1。不匹配”，然而，在 Firefox 中，它显示 100% 是从上面元素上的选择器中流出的，类似于“#outer foo bar INPUT”，它也覆盖了这个 INPUT。我错误地认为直接在 INPUT 元素上的“#id”会比“#id foo bar INPUT”具有更高的特异性，但我猜浏览器不同意这一点。无论哪种方式，这都是我问题的根源，所以感谢您的评论。我希望有一种方法可以促进对答案的评论......

I have a problem only in Google Chrome (Firefox, IE, Netscape, Safari and Opera are Okay) where a padding property which should be applied to text in a cell, is being applied to all empty cells aswell. It's easy to solve by adding more specific styles to my affected perimeter cells and using different styles, but that uses a lot of extra code and something which I try to save on. Is there possible way to get my CSS to pass over empty cells in the table it applies to?

Is the style affecting it.

Edit: The commas were an accident in typing the class on here (I'm using to submitting parameters syntax)

我想并排放置两个子无序列表。他们有类名 L 和 R

这是 HTML 标记的相关部分。

应用的样式表是这个

但是并排对齐根本不起作用。有什么问题？H？PS：是的，我在列表项中看到了浮动 div， 其中提到了它的 DIV，这里提到了 ul。“clear:left”是否适用于机器人？

对于 CSS 专家来说，这可能是重复的帖子，但我不是。所以请多多包涵[:)]

编辑说明：- 要详细解释这些内容，请使用图像 替代文本 http://www.yetanothercoder.com/img.jpg

我一直在使用getStyle来自 Pro JavaScript Techniques 的 John Resig 的函数来获取元素的样式：

但是，如果未指定样式，此方法将返回元素的默认样式：

http://johnboxall.github.com/test/getStyle.html

替代文字 http://img.skitch.com/20081227-8qhxie51py21yxuq7scy32635a.png

是否可以仅获取元素的样式表指定样式（如果样式未定义，则返回 null）？

更新：

为什么我需要这样的野兽？我正在构建一个允许用户设置元素样式的小组件。可以应用的样式之一是text-align- left, center, right- 使用getStyle无样式元素默认为center. 这使得无法判断元素是否居中是因为用户希望它居中，还是因为这是默认样式而居中。

使用 Grails 1.1 beta2 和一个 JSP 页面。JSP 包括 CSS 参考：

当包含此行时，Grails 会出现以下错误：

如果我删除样式表标签，则页面加载无错误（但没有 CSS）。任何想法为什么？

在处理（复杂）Web 应用程序时，我感受到的最具挑战性的事情之一是组织 CSS。以下是我们在多个项目中尝试过的不同方法。

1：每个网页/模块都有不同的样式表。

显然，那时我们对 Web 应用程序还很陌生，这种方法导致样式表过多和样式重复过多。我们很难在整个应用程序中实现一致性。

2：有一个通用的样式表，在相似的网页中共享。

这在一段时间内运作良好，直到变得过于复杂。我们还发现我们有太多的例外情况，这些例外情况仍然会导致针对特定情况调整通用样式，如果做得不正确，可能会影响应用程序的不同部分，并且在某些时候会变得困难。此外，拥有庞大的开发团队（跨越不同时区）和艰难的项目时间表并没有帮助我们的事业。

虽然 #2 有效，但我们仍然看到我们的产品仍然没有我们想要的类似 UI 质量和一致性。

对于非常复杂的 web 2.0 应用程序，是否有任何 CSS 样式指南可供参考。其他人如何维护他们的样式表？

我有一个DetailsView 控件，其中包括构成地址的几行。理想情况下，我想将地址行与以下两行“合并” - 基本上删除它们之间的边界。

我猜我可以使用 asp:TemplateField 创建一个近似的解决方案（使用单行，但我们在 seconf（数据）单元格中换行），但我宁愿看看是否有任何其他方法与我之前的样式相同的行（使用 CssClass）。此外，这与其他任何事情一样都是一种学习练习。

我尝试给 Address2 BoundField 一个类并通过 CSS 删除底部和顶部边框，但它似乎不起作用。查看 HTML，它将类分配给单个单元格，而我认为我需要将此类应用于整行。我无法解决整行问题；我可以处理所有行，无论是列还是一个单元格。

有什么建议么？

代码片段：

HTML：

CSS：

我环顾四周，还没有看到这个问题。

Javascript 中确定页面媒体类型（例如屏幕、打印、手持设备）的可靠方法是什么？我看过对 的引用document.styleSheets[0].media，但我没有运气使用它，要么是因为浏览器支持问题，要么是因为我不理解某些东西。

我问是因为我希望 Javascript 在屏幕视图中隐藏某些内容，而不是在打印视图中。不能依赖媒体相关的样式来执行此操作，因为我正在使用 Prototype 为元素运行切换开关，如果元素被声明为不可见（display: none）， Prototype 将不允许将其切换为可见-内联 CSS*。我试图为元素 ( <div style="@media print { foo: bar; } @media screen { blargh: bfargle; }">) 设置特定于媒体的内联样式，但据我所知，这不受支持。

我知道我可以循环浏览样式表并检查特定于打印的链接样式表是否处于活动状态，但我目前处于各种特定媒体样式声明都混合在单个链接样式表中的情况，所以这不好。是的，我可以将样式表拆分为不同的媒体类型，但我首先想弄清楚我是否可以使用 Javascript 可靠地将媒体类型从 DOM 中拉出，完全独立于 CSS。哦，我已经尝试过“隐藏打印视图的元素，然后检查它是否在 Javascript 中可见”的技巧，但那尽管这些元素是不可见的。如果有人想了解我在这里谈论的更多细节，我可以在编辑中详细说明。

*这是我不理解并且经常被激怒的东西。任何可以提供任何见解的人都会得到我的大力支持。

一旦 mousedown 事件触发，我想使用 javascript 来检测鼠标位置。按住左键时，我似乎没有收到 onmousemove 事件。光标变成了一个带有十字的圆圈。

我的整个目标是在 mousedown 上检测光标的起始位置，并更改带有溢出集的 div 中图像的左上角样式（一种假平移效果）。

谢谢

我正在设计一个使用 CSS 文件的网站，但我在列表中有几次背景图像、项目符号图像，我可能会发现另一个对 cssurl()函数的需求。

但是，在 cake 中，所有 URL 都应该由该Route::url()函数以多种方式处理，其中最常见的是$html->url()

但我的问题是 PHP 不解释 CSS 文件。如何创建包含以下内容的 CSS 文件：

看，我的最后一个选择是在布局中内联导入 css 文件，以便对其进行解释。但我非常喜欢使用更“蛋糕”的方法。

谢谢！