css-selectors相关内容

如何组合多个 CSS 规则?

div#id_div_allposts {宽度:100%;}div.class_div_post {宽度:100%;}div.class_div_editdelete {宽度:100%;} 如何写成一行? 以及选择带有id和class的html标签的方法是什么? 解决方案 你所要做的就是用逗号分隔它们,例如 div#id_div_allposts,div.class_div_po ..
发布时间:2022-01-10 08:06:42 前端开发

背景图像:for :visited links?

是否可以将 background-image: 属性添加到访问的链接? a.coolLinks:visited{背景图像:url(“http://www.ledr.com/colours/black.jpg");} 谢谢 编辑:所以这似乎是一个安全漏洞,这就是它无法完成的原因.没有迹象表明浏览器阻止了这种 CSS 样式. 解决方案 根据大多数规范,您的代码是正确的.但是,许多浏 ..
发布时间:2022-01-10 08:06:32 前端开发

属性有问题!=选择器

问题很简单,答案可能不是. 我正在尝试将几种样式应用于没有特定 ID 的所有输入元素.我在我的 CSS 样式表中使用了这个选择器:input[id!='move'] 但不幸的是它在 IE10 或 Chrome 中都不起作用. 奇怪的是,这个块: input:not(#move) 在两者中都能完美地工作.我迷路了,因为据我了解这些选择器的工作原理,第一块代码应该可以工作. 有什么想 ..
发布时间:2022-01-10 08:06:24 前端开发

:last-child 伪类与属性选择器混合不起作用

我正在尝试选择具有特定 data- 属性的元素的第一个和最后一个子元素. :first-child 选择器工作正常,但 :last-child 不工作.我真的不知道是什么原因造成的.我检查了错别字. CSS .element[data-type='element']:first-child {左填充:0;背景颜色:红色!重要}.element[data-type='element'] ..
发布时间:2022-01-10 08:06:17 前端开发

基于宽度的CSS选择器?

是否有一个 CSS 规则可以根据元素的宽度匹配元素?如果没有,在标准中提出这个建议会不会很有趣? 你可以做类似 code:max-width(200px) { white-space: nowrap;} 让所有小代码标签强制换行. 我知道我可以使用一些 js. 解决方案 是否有根据宽度匹配元素的 CSS 规则? 没有. 如果不是,在标准中提出这个建议会很有趣吗? ..
发布时间:2022-01-10 08:06:09 前端开发

根据类“范围"分配 CSS 属性.

我有一些 HTML 代码需要设置样式,这些代码由 Web 服务自动生成.我得到的部分代码如下所示: 现在,“奇怪"的部分来了:类名后面的数字(即:150、10 和 142)实际上是最大值.文本字段接受的字符数,它给了我一个关于文本字段应该呈现多宽的“提示":150 宽,10 短;因为这个数字变化很大(它是由调用 Web 服务的用户定义的),让“n"个类符合所有可能的值是不切实际的. 那 ..
发布时间:2022-01-10 08:05:46 前端开发

CSS 特性如何决定应用哪些样式?

CSS 如何确定何时将一种样式应用于另一种样式? 我已经阅读了几次W3 CSS3 选择器文档,并且已经帮助我理解了如何在 jQuery 中更好地使用 CSS 选择器,但它并没有真正帮助我理解何时将一个 CSS 规则应用于另一个. 我有以下 HTML: 链接 1链接 2 我有以 ..
发布时间:2022-01-10 08:05:38 前端开发

第 n 个嵌套元素的选择器

我正在研究无法确定可嵌套性的树形视图,但想定义一些嵌套规则以进行样式设置.例如,我希望第一级项目具有特定的边框.紧挨在下方的嵌套项目具有不同的边框.我有一个工作示例,但它是静态且冗长的.我知道必须有更好的方法使用选择器,但我似乎无法让它发挥作用.这是我目前的解决方案- .item {左边框颜色:#somecolor1;}.item >.物品 {左边框颜色:#somecolor2;}.item > ..
发布时间:2022-01-10 08:05:24 前端开发

CSS nth-match 不起作用

nth-match 应该按照以下方式在 jsfiddle 中工作 :nth-match(even of p,h3) {text-decoration: underline;} 这应该每隔一个 p 和 h3 元素下划线.但是,它不起作用 - 无论是在 FF 还是在 Chrome 中: http://jsfiddle.net/VUKQS/ 问题出在哪里? 解决方案 CSS4选择 ..
发布时间:2022-01-10 08:05:14 前端开发

使用“:not"之间的性能差异和“.not()"选择器?

以下两行之间是否存在任何速度/效率差异. $("table td:not(:first-child)") 和 $("table td").not(":first-child") 我认为第一个会更好,因为它会删除对象,但是是否存在实际差异并且是否很大. 谢谢 解决方案 从 jsperf 测试,:not 平均快两倍.总体而言,尽管此性能可能只占您整体执行时间的一小部分. j ..
发布时间:2022-01-10 08:04:48 其他开发

属性选择器中的空格规则是什么?

我正在阅读关于 属性选择器的规范,但是如果允许空格,我找不到任何说明.我猜它在开头,操作员之前和之后以及最后都是允许的.这是正确的吗? 解决方案 属性选择器中的空格规则在语法中有说明.这是属性选择器的 Selectors 3 产生式(一些标记替换为它们的字符串用于说明的等价物;S* 表示 0 个或多个空白字符): 属性: '[' S* [ namespace_prefix ]?标识 S* ..
发布时间:2022-01-10 08:04:37 前端开发

CSS 类重复以增加特异性

根据 CSS 文档:http://www.w3.org/TR/CSS21/cascade.html#specificity 特异性由(除其他外)选择器中属性和伪类的数量定义. 所以,我的问题是,是否可以通过一遍又一遍地重复相同的类名来增加特异性? 例如: 会 .qtxt.qtxt.qtxt.qtxt.qtxt{} 比 具有更高的特异性 .qtxt.lalgn{} ..
发布时间:2022-01-10 08:04:29 前端开发

CSS选择器不是元素类型的孩子?

我想为 a 标签内的 code 元素设置样式. 实现这一目标的最佳方法是什么? code:not(a code) 似乎根本不起作用,至少在 Chrome 上,即使它 似乎应该 我也无法通过控制台运行它. 还有其他我可以使用的纯 css 方法吗? 解决方案 :not 不支持组合选择器. 如果我们谈论的是它的直接父母: :not(a) >代码 否则在 CSS ..
发布时间:2022-01-10 08:03:50 前端开发