前端开发

嵌套在 css :not() 选择器中

是否可以在 :not 选择器中包含嵌套值?例如: :not(div > div) 每当我尝试它时,它似乎都不起作用.也许您需要以另一种我还没有想到的方式使用它?到目前为止,在我看到的所有示例中,您只能在此选择器中使用一个值. 解决方案 :not() 一次只接受一个简单的选择器;Selectors 3 规范中提到了这一点: 否定伪类 :not(X) 是一个采用 简单选择器(不包括否 ..
发布时间:2022-01-10 08:20:14 前端开发

嵌套选择器内的与号(父选择器)

这不是记录在案还是不可能? #parent {#孩子 {宽度:75%;.additional_parent_class &{宽度:50%;}}} 这基本上会变成: .additional_parent_class #parent #child {宽度:50%;} 虽然这很有意义,因为与符号的实现及其使用方式有关.如果我试图让它实现这一点怎么办: #parent.additional_pa ..
发布时间:2022-01-10 08:19:00 前端开发

jQuery 选择器 - 查找没有指定属性的对象

我在一个页面上有几个对象,我想只在其中一些对象上使用 jQuery 执行操作——那些没有指定属性的对象.所以: 一些文字 其他一些文字 一些非常不同的文字 在javascript中我会: $('li[style]').hide(); 这将隐藏所有具有 style 属性的元素.但是如果我想隐藏那 ..
发布时间:2022-01-10 08:18:45 前端开发

如何选择作为给定元素的子元素的多个元素?

我有 我需要选择所有 pre 和 div 的子元素#mydiv. 我可以这样做: div#mydiv >pre, div#mydiv >div 但是,是否可以做到只引用一次#mydiv? div#mydiv >前,div 将选择页面上的所有 div,无论它们是否是 #mydiv 的子级,因此逗号不是一种方法.也许还有另一种我不知道的语法? 解决 ..
发布时间:2022-01-10 08:18:21 前端开发

CSS 选择器中的多个类

我看到这样的选择器, .class1 .class2 .class3 {} 这是什么意思? 我使用了多个没有空格的类选择器.空格表示后代,但对类没有意义. 解决方案 假设有一个页面带有以下标记, 一些页面元素. 您提供的 ..
发布时间:2022-01-10 08:18:12 前端开发

使用空格或大于号 >在 CSS 选择器中?

我有一些 CSS 代码: .welcome div {字体大小:20px;} 它做我想做的事,但也写得像 .welcome >分区 {字体大小:20px;} 也会这样做. 是否有任何理由使用一种而不是另一种,或者它们只是做同一件事的两种不同方式? 解决方案 不,它们完全不同,使用 > 选择子元素,而使用空格将选择任何级别的嵌套元素. 例如…… 在选择器中使用 ␣/ ..
发布时间:2022-01-10 08:17:55 前端开发

CSS 选择器 ul li a {...} vs ul >李>一个 {...}

ul>有什么区别?李>CSS 中的 {...} 和 ul li a {...}? 哪个效率更高,为什么? 解决方案 ">" 是 子选择器 "" 是 后代选择器 区别在于后代可以是元素的子元素,也可以是元素的子元素的子元素,也可以是子元素的子元素的子元素ad inifinitum. 子元素只是直接包含在父元素中的元素: ..
发布时间:2022-01-10 08:17:34 前端开发

*|* 这在 CSS 中是什么意思?

我刚刚看到:*|*:link 与 Firebug.这似乎是 Firefox 附加的一些默认样式,但是 *|* 是什么意思? 解决方案 意思是“所有命名空间中的所有元素都是:link." 更多关于通用选择器和命名空间的信息. ..
发布时间:2022-01-10 08:17:25 前端开发

CSS 最后一个奇怪的孩子?

我有一个无序列表,它可以包含偶数或奇数个项目.如果 li 的数量是偶数,我正在寻找一种纯 CSS 方法来从最后 2 个 li 标记中删除边框.:last-child 伪选择器无论如何都会删除最后一个. li {向左飘浮;边框底部:1px 实心#000;}李:最后一个孩子{边框底部:无;} 适用于奇数个 lis +======================================== ..
发布时间:2022-01-10 08:17:05 前端开发

如何让 CSS 选择以字符串开头的 ID(不是在 Javascript 中)?

如果 HTML 有这样的元素: id="product42"id="product43"... 如何匹配所有以“产品"开头的 id? 我已经看到完全使用 javascript 执行此操作的答案,但是如何仅使用 CSS 执行此操作? 解决方案 [id^=product] ^= 表示“以"开头.反之,$= 表示“以"结尾. 这些符号实际上是从 Regex 语法中借用的,其中 ..
发布时间:2022-01-10 08:16:40 前端开发

文本输入字段的 CSS 选择器?

如何使用 CSS 选择器定位“文本"类型的输入字段? 解决方案 input[type=text] 或者,限制表单内的文本输入 表单输入[type=text] 或者,进一步限制为某种形式,假设它具有 id myForm #myForm input[type=text] 注意:IE6 不支持此功能,因此如果您想为 IE6 开发,请使用 IE7.js(如 Yijiang 建议的那样)或 ..
发布时间:2022-01-10 08:16:34 前端开发

ID 属性的属性选择器是否不如 ID 选择器具体?

我需要做些什么才能使 [id^=value] 选择器具有与常规 ID 相同的特异性,为什么它不等于或大于?(考虑到我也给了它html) html div[id^="blue"] {背景颜色:蓝色}#蓝色4 {背景颜色:红色} jsfiddle: http://jsfiddle.net/bjwe6yr0/1/ 解决方案 属性选择器总是不如 ID 选择器具体;它的特异性值不会根据属性名称而 ..
发布时间:2022-01-10 08:15:41 前端开发