前端开发

:after 与 ::after

CSS 2.1 :after 和 CSS 3 ::after 伪选择器(除了 ::after 旧版浏览器不支持)?是否有任何实际理由使用新规范? 解决方案 这是伪类 vs 伪元素的区别. ::first-line、::first-letter、::before 和 ::after 除外code>(已经存在了一段时间,如果您需要 IE8 支持,可以与单冒号一起使用),伪元素 需要双冒号 ..
发布时间:2022-01-10 08:27:06 前端开发

为什么浏览器会限制 :visited 选择器?

我了解隐私问题,但在 这篇文章 Mozilla 声明他们对 querySelector() 和 getComputedStyle() 撒谎. 如果他们已经在对网站撒谎,那么为什么要将 :visited 限制为简单的颜色?不能使用相同的方法对网站隐藏完整的样式吗? 解决方案 限制可以应用于访问链接的样式,防止它们以可以通过 getComputedStyle() 查询的方式影响不相关元素 ..
发布时间:2022-01-10 08:26:40 前端开发

多个元素的 CSS 选择器

我完全不知道如何使用更高级的 css 选择器,例如 + 或 >但是由于我现在需要它来防止过多的 JS,也许有人可以帮助我解决这个块的这种特殊情况: 发送 我想这样做: .rf_re1-suche_container ..
发布时间:2022-01-10 08:25:35 前端开发

:nth-child 不在 IE 中工作

我已经搜索了我的具体问题,但找不到...希望你们能提供帮助. 我正在尝试让 nth-child 在 IE 中工作 - 现在我读到您可以使用 Jquery 来完成,我该如何在这种情况下实现 jquery? 我也在使用这个 Lib 项目 ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js 它在 Firefox 中完美运行,但在 ..
发布时间:2022-01-10 08:25:28 前端开发

当浏览器不支持 CSS 伪类时会发生什么?

如果浏览器不支持 CSS 伪类(如 :dir)会怎样? 例如: html:dir(rtl) {红色;} 如果浏览器不理解 :dir 伪类,他们会忽略这条规则吗?我对一般情况比对这个特定的伪类更感兴趣.我的直觉告诉我是的,但我还没有找到证实我的直觉的文档. 这个问题与这个问题不同:无效的 CSS 选择器导致规则被丢弃:原因是什么?.它更窄,我问的是浏览器在看到它无法识别的伪类时会做什 ..
发布时间:2022-01-10 08:25:23 前端开发

jQuery - 选择属性名称(不是值)以...开头的所有元素?

假设我正在寻找具有属性“数据语言"的所有元素,其值以“java"开头(将匹配“java"和“javascript").我知道该怎么做: $('[data-language^="java"]') 但我的问题是:如何获取所有具有属性的元素(不是属性的值,而是实际的属性名称本身)?例如: 属性名称以“data-s"开头的所有元素,或 所有具有数据属性的元素(属性以“data-"开头). ..

用于识别多个类的 CSS 速记

我阅读了关于在 CSS 选择器中使用正则表达式的本教程并试图推断:是否有 CSS 速记来执行以下操作?我想选择具有“a"、“b"、“c"或“d"附加类的“foo"类的所有 div. .foo.a,.foo.b,.foo.c,.食物 {/* 东西 */} 类似: .foo[class~='a','b','c','d'] {} ? 解决方案 目前不可能(使用 Selectors 3 ..
发布时间:2022-01-10 08:25:02 前端开发

CSS 选择器

选择按钮效果很好: 输入[type="submit"]{背景:#efefef;宽度:自动;填充:5px;颜色:#666;字体大小:16px;字体粗细:粗体;填充:5px 15px;} 但我似乎无法为下拉框找到任何东西,这不起作用: 输入[type="select"]{背景:#000;} 我选对了吗?你可以这样做吗? 解决方案 试试这个: 选择{背景:#000;} 据我所知,没有 ..
发布时间:2022-01-10 08:24:54 前端开发

是否可以使用选择器单独定位 CSS3 列?

我正在使用的设计具有不同背景的交替列.是否可以为每列设置不同的平铺背景, 例如 column:nth-child(n+1) {background:url(tile1.gif) repeat-x;} 或者我是否必须依靠每两列平铺的巨大背景图像? 解决方案 很遗憾,您无法更改列的颜色: 无法在列框上设置属性/值.例如,不能设置某个列框的背景,列框没有内边距、边距或边框的概念. ..
发布时间:2022-01-10 08:24:35 前端开发

空白伪类和空伪类的区别

:empty 和 :blank(CSS 选择器级别 4 草案)有什么区别?除了空白目前仅在 Firefox 中有效. div div{宽度:100 像素;高度:100px;显示:内联块;边距:5px;}div.emptyCell:empty{背景:#009688;}div.blankCell:空白{背景:#3F51B5;} ..
发布时间:2022-01-10 08:23:55 前端开发

为什么叫伪类?

a:hover 为什么叫“伪类"? 与“类"的概念有什么相似之处吗? 解决方案 在 CSS 术语中,类是一个以句号开头的选择器,例如 .foo { ... } 它会以表格形式使用 “类"的这种用法更多是指“具有共同特征并通过种类或质量与其他事物区分开来的一组或类别的事物",而不是借用面向对象的术语. 伪类“不是一个真正的类",因为用 ..
发布时间:2022-01-10 08:23:45 前端开发

被 CSS 伪类 :active 搞糊涂了

我在 这里查看 CSS :active Selector. :active 选择器样式链接到活跃页面 这让我想到,HTML/CSS 术语中的“活动页面"到底是什么... 此时我去了 w3docs 第 5.11.3 节动态伪类::hover、:active 和 :focus. :active 伪类适用于一个元素被激活用户.例如,在时间之间用户按下鼠标按钮并释放它. 所以 ..
发布时间:2022-01-10 08:23:36 前端开发

在 li 或除 a、input、button 等之外的其他元素上使用 :focus 伪类

是否可以选择一个有焦点的元素,如 a:focus 或 input:focus,但在另一个元素上,如 div、li、span 或其他? 如果不可能,如何用标签代替?我正在尝试修改 li 元素在聚焦时的高度,尝试使用 a,但高度不会改变. 请求的信息: “你能不能解释一下你是如何把注意力放在李身上的?" 通过 CSS 选择器 li:focus.请参阅 https://jsfid ..
发布时间:2022-01-10 08:23:26 前端开发