css-selectors相关内容

指向当前页面的链接的CSS样式?

我想知道CSS3中是否有任何方式可以指向已经显示在浏览器中的相同页面的样式链接,例如在导航中突出显示红色,告诉用户“您现在在这里!因为我有很少的链接列表,我希望一些用户可能会一个接一个地阅读它们。 所以如果浏览器在 /features/feature3.php ,那么显然我想改变外观的所有链接与相同的 href 目的地。 似乎只有:hover ,:focus 和:active ,但没有 ..
发布时间:2017-02-06 20:54:15 前端开发

使用CSS定位任何有任何两个类的元素呢?

我们的生产环境使用与多个css类不兼容的适应技术。这意味着在设计HTML时很容易忘记和使用两个类,并且一旦生产就会断开。 我想使用CSS作为突出显示当某人忘记并且意外地将两个类应用到一个元素时。 这样的事情是我的意图,当然这是无效的。它应该突出显示任何应用了两个类的元素: 。*。* {/ *无效* / outline:2px dotted red; } 我理解 ..
发布时间:2017-02-06 20:44:42 前端开发

选择属性非空的元素

假设我有以下: Unknown 已知123 有一种方法在CSS中只选择元素 data-pid 属性不是空的? 解决方案 向后,您需要它在不支持::的浏览器中工作: div [data-pid] { color:green; } ..
发布时间:2017-02-06 20:40:03 前端开发

伪造:has()“父选择器”只使用CSS

很久以来被人们称为许多选择器问题的答案,甚至有人认为完全不必要,但选择器4级伪类 :has(),更好地称为父选择器,是仅从第4级开始,将不会在CSS中实现, strong> W3规格 。原因是它的效率低,已经被JavaScript功能覆盖。 在这个问题上,我一直在想如何使用纯CSS来伪造这个效果。下面我提供了一个方法,Q& A样式,实现效果作为答案,但想知道其他更好的方法。 解决方案 ..
发布时间:2017-02-06 20:21:08 前端开发

我可以用CSS选择空文本区域吗?

有一种方法,我可以选择一个textarea, $('#id_of_textarea')。val()在jQuery将是 '?我尝试使用:empty 。我看到CSS提供了一种选择空输入的方式,因为文本在 value 属性( [value =“”] )。 我正在寻找一个可以使用CSS而不只是jQuery的选择器。 解决方案 最好的解决方案我可以想到的是一个CSS 3的解决方法。将字段设置为 ..
发布时间:2017-02-06 20:17:54 前端开发

表单输入不会占用填充百分比

如果使用像素填充,我的表单输入会正确显示,但使用左边和右边的百分比填充。我不知道为什么。 它在Safari中可用,在Firefox 3.5.3 OSX中损坏。 问题是,当我使用一个百分比填充时,填充所有中断(因此为什么输入值不是很好地对齐。) ..
发布时间:2017-02-06 19:41:37 前端开发

使用CSS选择器从流解析器收集HTML元素(例如SAX流)

如何解析CSS(CSS3)选择器并使用它(以jQuery的方式)收集HTML元素而不是DOM(从树结构),但从流使用基于顺序访问事件的解析器? 顺便说一下,是否有任何CSS选择器(或其组合)需要访问DOM(Wikipedia SAX 页面中说,XPath选择器”需要能够在解析的XML树中随时访问任何节点“)? 我最感兴趣的是实施选择器组合器,例如'A B'后代选择器。 我更喜欢描 ..
发布时间:2017-02-06 19:40:20 前端开发

CSS:link和:visited伪类 - 是web浏览器遵守规范?

W3.org CSS规格说明以下(强调我): 链接伪类适用于尚未访问的链接 $ b 这两种状态是互斥。 这意味着应用于:link 选择器应该只应用于未访问的链接。但是,这种情况的唯一属性似乎是 color 。将字体大小,背景等应用于:link 选择器定位所有链接。 页面上显示: 注意。样式表作者可以滥用:link和:被访问的伪类来确定用户在没有用户同意的情况下访问了哪 ..
发布时间:2017-02-06 19:32:38 前端开发

HTML:删除a:悬停图片?

对于文字链接,我有: CSS: a:link {color:#3366a9; text-decoration:none} a:hover {border-bottom:1px solid;颜色:黑色} 但这还会在可链接的 IMGs上添加黑色下划线我不想要。 如果在使用CSS漫游时,如何删除可链接IMG上的 border-bottom ? 我 ..
发布时间:2017-02-06 19:22:13 前端开发

如何/为什么是“* [attribute ^ =”string“ “一个有效的querySelector? (JS错误?)

所以,这可能是一个错误...我错了一个CSS路径检查已经处理过的特定的onclick函数开始“ajaxLoad(” document.querySelectorAll('a [onclick ^ =“ajaxLoad('') 正如你所看到的,我忘了关闭属性访问器,用] : document.querySelectorAll('a [onclick ^ =“aja ..
发布时间:2017-02-06 19:06:50 前端开发

可以:before和:after伪元素从父元素继承高度吗?

我想知道:之前和:之后伪元素是否可以继承父元素 inherit 值,没有实际的元素这样做? 解决方案 伪元素可以从其生成元素的父代继承值的唯一方法是生成元素本身也从其父代继承。 这是因为继承发生从父母到孩子,一次一个水平。 例如,考虑下面的HTML: ..
发布时间:2017-02-06 19:03:02 前端开发

使css nth-child()只影响可见

有没有办法只影响这个CSS的可见元素? table.grid tr.alt:nth-​​child (odd) { background:#ebeff4; } table.grid tr.alt:nth-​​child(even) { background:#ffffff; } 如果我使用 $ :s')。hide()隐藏了一些行,我得到一个混合奇怪和均匀的 ..
发布时间:2017-02-06 18:31:57 前端开发

CSS通配符用于复杂ID

如果我有一个css选择器,例如#subab-1,#subab-2 etc 可以使通配符选择器像这样 div [id ^ ='subtab - '] 但我不知道如何为选择器创建一个通配符,例如 #subab-1-sub1,#subtab-1-sub2,`# subtab-1-sub2,#subab-2-sub1,#subab2-sub2,#subab2-sub-3 ..
发布时间:2017-02-06 18:17:42 前端开发