问题标签 [css-content]

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 投票
0 回答
334 浏览

css - HTML5 的 'data-' 属性覆盖 CSS 'content' 属性

我已经看得很远,但无法找到这种行为的解释。

为什么 HTML5 的属性会覆盖我在公共元素上的data-CSS属性?content

例如,我定义了以下元素:

我的CSS类如下:

设置data-module-field属性后,CSS 类中定义的内容图像不会显示。但是,如果我删除data-此属性的一部分(如下所示),内容图像将正确显示。

谁能解释为什么会发生这种行为?

0 投票
0 回答
353 浏览

css - 'content' 属性不适用于 :hover on IE

content属性不适:hover用于任何版本的 IE 上的选择器

HTML:

CSS:

请注意,我确实有一个 HTML 5 doctype ( <!DOCTYPE html>)。

0 投票
3 回答
3960 浏览

css - *:before, *:after 规则的目的,没有 content 属性

据我了解,:before:after在指定目标之前或之后插入内容。我不太确定这个 CSS 片段的目的是什么?

0 投票
1 回答
61 浏览

css - 是否可以通过 CSS 属性加载背景图像?

我想知道,如果属性获取特定类,是否可以使用 CSS 加载背景。为了演示,它应该加载到hover.

HTML

CSS

JS Fiddle


不幸的是,鼠标悬停(悬停)时没有显示背景图像。

(如何)我可以完成这项工作吗?

0 投票
1 回答
110 浏览

css - Firefox css 转换在生成内容之前不会开始

** 更新 ** 如果其他人遇到此问题,Firefox 已提交错误https://bugzilla.mozilla.org/show_bug.cgi?id=1011153

http://jsfiddle.net/ZEzc9/3/

今天找到了这个并为它设置了一个小提琴。我现在能说的最好的是,如果目标元素前面是生成的内容,其中应用了过渡效果,则过渡无法启动。

html:

CSS:

我只在 Firefox 中看到这种行为。发生这种情况是否有原因,或者这似乎是 FF 中的错误?

0 投票
3 回答
53 浏览

css - 为什么元素有不同的高度取决于它是否有内容

我很想知道为什么以下元素有不同的高度:

这种情况可以通过http://jsfiddle.net/pJw9d/来说明(用指针悬停符号以查看大小差异)。


PS:我知道如何解决此类问题(例如,通过使用不间断空格(&nbsp;\00a0),或通过定义 CSS 位置),但我想知道它为什么会这样。

0 投票
1 回答
52 浏览

html - 对齐单选按钮中使用的内容(图像),以便该按钮不会显示

我目前在一个表单中有两个单选按钮,我使用 CSS 属性内容为每个按钮插入一个图像,并且在选择或不选择时会改变不透明度。原始单选按钮仍显示在图像的左侧。有什么方法可以移动图像,使其位于原始单选按钮的中心?

0 投票
1 回答
763 浏览

html - How to set "content" on an :after element inline with the text

I have an li-tag in my menu:

Then I want to add ">" after the menupoints, so that it looks like "Home >" or "Article >".

This is my :after:

But the ">" is always in the next row. Is it possible to set it directly in the line after the menupoint?

0 投票
3 回答
5138 浏览

html - 是否可以选择 css 生成的内容?

假设我已经标记:

..与CSS:

这将产生文本:Hello world!-小提琴

但...

如果我尝试选择/复制文本 - 只有“你好”部分是可选的。

在此处输入图像描述

有没有办法选择css生成的文本?

注意:

1)我已经查看了有关生成内容的规范(此处此处),但我没有看到任何关于此问题的参考。

这里这里的规范似乎说生成的内容应该是可选的

生成的内容应该是可搜索的、可选择的,并且可用于辅助技术

2)如果这个问题的答案是“不 - 这是不可能的” - 请链接到一个可靠的来源,说明这一点。

0 投票
1 回答
49 浏览

css - 无法在样式表中找到对 content 属性的引用

首先让我承认我是 CSS 的初学者。我最近遇到了一个不错的网站:http ://www.sitepoint.com/better-solution-managing-z-index-sass/ ,我很想知道“3”是如何与“CSS”一起显示的。当我试图检查萤火虫时,我看到了一个类名“.category-css .icon-category:before”,其中包含content有一些奇怪内容的属性。你能告诉我content财产指向哪里吗?我知道这可能是最愚蠢的问题,但我一无所知。