问题标签 [stylesheet]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
673 浏览

css - CSS类重用/自动填充

说我有一个 CSS 类名

在我的表格上,我有很多跨度和 div。

有没有一种简单的方法可以为我的 span 和 div 实现所有类,而不是在创建新的 span 或 div 时将它们全部输入?而不是这个:

像这样:

干杯

0 投票
2 回答
302 浏览

html - 如何控制 HTML 页面中的文本大小调整率

我们设计了一个有两个框架的应用程序。第一帧显示可用的菜单列表,第二帧显示菜单内容。我们设计了我们的页面和样式表,以便使用 IE 的 View > Text Size 功能调整页面文本内容的大小。

我们可以为 HTML 元素或样式表指定任何重新调整大小的控制因素吗?因为当我们重新调整文本内容的大小时,菜单列表变化的因素远远超过菜单内容框架。

注意:所有的边距、边框、字体大小等,都使用 em 指定。

问候 ...

0 投票
4 回答
4652 浏览

drupal - Drupal - Zen 子主题 - 为非 Internet Explorer 浏览器指定样式表

在使用 Zen 子主题的 Drupal 6 上,除了 Internet Explorer 7 之外,我们的自定义样式表在任何地方都很漂亮和完美。这似乎是一个:hover错误,我们将鼠标悬停在其中的任何链接都会导致主要内容区域跳过左侧边栏(是保证金崩溃或保证金重置?)。

尝试在所有元素和父元素上设置 min-height: 1% :hover,但最终决定指定一个定义为零悬停元素的“ie7specific.css”。Internet Explorer 7 用户的运气不好。

但是,在myspecialsub_theme.info文件中myspecialsub_theme.css会自动发送到 Internet Explorer,从而创建:hover元素。我们需要指定 Internet Explorer 7 获取其特定的 CSS,而所有其他浏览器获取常规的。

它适用于 Internet Explorer 版本,但 Firefox 没有获取样式表。为什么 !IE 不起作用,我应该改用什么?

或者对于所描述的问题是否有不同的解决方案?

更新:我的评论没有很好地显示在下面,这是我最终找到的解决方案:

感谢wikipedia.org/wiki/Conditional_comment的解决方案。

subtheme.info

page.tpl.php

疯了吧?

最后更新:最好的是,我终于:hover在 Zen 子主题中发现了 bug 的来源。div main 需要 azoom:1;并且这些条件样式表都不是必需的。但是如果你不能解决原来的问题,那就去吧。

0 投票
7 回答
1111 浏览

javascript - 一个 div html 元素如何“取消样式”?

有没有一种简单的方法通过 CSS 或 javascript 或其他任何东西来获取 div 并使其不继承任何样式?

我正在创建一个向网站添加标题的书签。它修改 DOM 如下:

我们最终得到的结果是这样的:

所有的样式都适当,以便所有内容都可见,等等。问题是原始页面的样式表会影响我的标题的外观。我会使用框架和/或 iframe,但这会在实施 framebusting 的网站上中断。

非常感谢您的任何想法!

0 投票
6 回答
39127 浏览

list - CSS水平菜单 - 等间距?

我有一个标准的 CSS 菜单,由 UL 和 LI 标签组成。我需要它们水平地覆盖整个页面(不是我的真实情况,但我会用它来简化情况)。但是,这些项目是动态创建的,因此我无法将任何内容硬编码到 LI 项目或边距。

我见过使用 JavaScript 设置这些值的解决方案,但我真的很想避免它们。

最后,我看到了一个很好的解决方案,它正在设置

这将在大多数浏览器中创建所需的行为......除了 IE。

有任何想法吗?

编辑:感谢您的回复。但是,由于生成项目的代码不是我的,我无法在创建项目时设置内联样式,而无需稍后使用 JavaScript。

0 投票
5 回答
21478 浏览

jquery - 将css从一个类复制到另一个类?

这似乎是一个非常基本的问题,但我似乎没有找到答案。我知道可以一次为多个元素定义一个 CSS 规则,如下所示:

但是,是否有可能做同样的事情,但是在定义 element1 的 css 之后将 css 应用于元素?像这样的东西:

所以 element2 现在继承了元素一的 css。我尝试这样做的原因是因为我有一个为站点的所有页面加载的 element1 的 css 定义。然后,对于一个特定页面(加载主 css 文件以及它自己的),我想使用 element1 中的样式并添加到它。我要避免的是为站点上的所有页面加载 element2 的定义(包括那些甚至没有元素 [s] 的类 element2.

这可以做到吗?我意识到我可以使用 jQuery(即)轻松实现这一点,$(".element2").addClass(".element1");但我想避免为我的 css 使用脚本。

谢谢!

0 投票
4 回答
6740 浏览

asp.net - 允许用户更改网页字体大小 - ASP.Net

我想在我的网站上提供一个功能,让用户通过点击一些东西(比如 + 和 - 图像等)来增加和减少字体大小。但是我也想要:

  • 确保当字体大小增加时,我的网站布局不会弄乱
  • 在我的机器上测试场景以确保上述要点

我认为我想要的是一个独立于浏览器字体大小和机器字体大小的解决方案,否则我将无法测试和控制结果

在我的 Web 应用程序中,我没有硬编码字体大小,但在某些地方我指定了文本框长度,如宽度 = 50px,我认为需要更改..那么我应该使用什么单位?

我正在考虑使用主题并将标签和文本框的字体大小定义为小,小,大等..不确定这是否可行?


更新:我也在另一个论坛上问过这个问题:http ://forums.asp.net/t/1453926.aspx

基本上,从所有答案中,我收集到有两种方法:

  1. 使用 em 和 body 字体大小:body { font-size: 62.5%; } p { 字体大小:1.2em;}

当您必须增加/减少字体大小时,只需增加/减少正文字体大小百分比

  1. 使用绝对字体大小:css 定义了从 xx-small 到 xx-large 的字体大小范围 (7),因此您可以定义 font-size: small in css..

我在以下网址找到了一篇关于这些字体大小的好文章:http: //meyerweb.com/eric/articles/webrev/199908a.html

但是,这两个选项都不是我想要的。我一直在寻找真正意义上的绝对大小,所以如果我设置字体大小:大,然后我增加浏览器大小,字体大小应该保持不变..现在即使有这些“绝对字体大小”它取决于当前浏览器字体大小。有什么帮助吗???

0 投票
3 回答
541 浏览

html - 在样式表中使用 * 选择器来重置样式

目前我只是在样式表顶部重置我需要的样式,例如:

但是,我见过很多次人们使用:

这似乎使事情变得更容易,但在其他地方(不记得在哪里......)我读到使用 * 选择器会严重影响性能。

是这样吗,一长串选择器(示例中只有几个选择器,可能更多)性能明显优于 * 选择器,* 选择器可能还有其他缺点吗?

0 投票
4 回答
172 浏览

css - 在已启动的项目中使用重置样式表是个好主意吗?

我正在一个长期启动的 Web 项目中工作,该项目不使用重置样式表。

考虑到所有已经完成的事情,包含一个重置样式表是个好主意吗?

0 投票
1 回答
2177 浏览

css - Umbraco - 奇怪的样式表问题

我正在开发一个将嵌入 Umbraco 的用户控件。这是一个漫长的过程,但我大部分时间都在工作。

此时,我在 Umbraco 中有一个模板,将我的 web 控件称为 marco。到现在为止还挺好。它在 Firefox 中看起来很棒,但在 IE7 中会中断。

奇怪的是,当我在 Umbraco 之外的测试项目中查看该控件时,该控件在 IE7 和 Firefox 中看起来都很完美。在 Umbraco 中,Firefox 看起来很棒,而 IE7 崩溃了。 某些样式在 IE7 中应用,但在其他样式中未应用,从而破坏了渲染。

我已经检查以确保 CSS 文件在 Umbraco 中的正确位置,尝试了其他一些东西,但没有运气。只有当控件托管在 Umbraco 中时,我想不出任何会导致 IE 以这种方式中断的事情。如果 CSS 文件不可访问,它应该完全中断,不应用某些样式但不应用其他样式。

TIA