2017-02-27 87 views
0

是否有一个CSS选择器匹配具有ANY属性的元素?具有ANY属性的CSS匹配元素

<div><p><h2>将不匹配,但<div class="important"><p align="left"><h2 id="rt0">会。

+0

我不认为这是可能的,没有列出所有属性 – Li357

+1

@chazsolo请注意'* [foo]'与'[foo]'相同。 – Li357

+0

我觉得这应该有一个hacky的隐藏解决方案,但我一直在寻找~40分钟,我找不到任何漏洞或解决方法。我不会放弃 –

回答

3

没有这样的选择器。

这样的选择已经提出或要求多次overlast几个years,进出这些的只有时间someone even bothered to suggest a use case,它是一个没有意义的CSS都:

这个选择器对于调试目的是有用的,以便在复杂布局中验证元素是否具有属性(而不是使用DOM的hasAttributes()方法)。

即使这你的使用情况(其中,像WWW风格的其他线程,你有没有在所有在你的问题说),但事实是没有这样的选择存在。


::attr(*),但其选择属性节点,不是基于属性(其中,表面上,是什么提问者的爱好)元素节点。完全不同的东西。

+0

我的用例是在XHTML中用于非HTML名称空间中的属性。我想强调所有tei:具有属性的元素。我也怀疑在普通的旧HTML中会有太多需要。 – JPM

2

截至今天(2017年2月27日),这是不可能的。

一些疯狂的人可能会出去,列出每一个官方属性,并把它放在一个CSS规则(JSFiddle)。如果你不能访问该链接,这里是:

[aria-activedescendant], [aria-atomic], [aria-controls], [aria-describedby], [aria-dropeffect], [aria-haspopup], [aria-label], [aria-labelledby], [aria-live], [aria-multiselectable], [aria-owns], [aria-readonly], [aria-relevant], [aria-required], [aria-sort], [aria-valuemax], [aria-valuemin], [aria-valuenow], [onabort], [onautocomplete], [onautocompleteerror], [onDOMContentLoaded], [onafterprint], [onafterscriptexecute], [onbeforeprint], [onbeforescriptexecute], [onbeforeunload], [onblur], [oncancel], [onchange], [onclick], [onclose], [onconnect], [oncontextmenu], [onerror], [onfocus], [onhashchange], [oninput], [oninvalid], [onlanguagechange], [onload], [onloadend], [onloadstart], [onmessage], [onoffline], [ononline], [onopen], [onpagehide], [onpageshow], [onpopstate], [onprogress], [onreadystatechange], [onreset], [onselect], [onshow], [onsort], [onstorage], [onsubmit], [ontoggle], [onunload], [onloadeddata], [onloadedmetadata], [oncanplay], [onplaying], [onplay], [oncanplaythrough], [onseeked], [onseeking], [onstalled], [onsuspend], [ontimeupdate], [onvolumechange], [onwaiting], [ondurationchange], [onemptied], [onunhandledrejection], [onrejectionhandled], [onafterprint], [onbeforeprint], [onbeforeunload], [onhashchange], [onlanguagechange], [onpopstate], [onrejectionhandled], [onstorage], [onunhandledrejection], [onunload], [accept], [accept-charset], [accesskey], [action], [align], [alt], [aria], [async], [autocomplete], [autofocus], [autoplay], [autosave], [bgcolor], [border], [buffered], [challenge], [charset], [checked], [cite], [class], [code], [codebase], [color], [cols], [colspan], [content], [contenteditable], [contextmenu], [controls], [coords], [data], [datetime], [default], [defer], [dir], [dirname], [disabled], [download], [draggable], [dropzone], [enctype], [for], [form], [formaction], [headers], [height], [hidden], [high], [href], [hreflang], [http-equiv], [icon], [id], [integrity], [ismap], [itemprop], [keytype], [kind], [label], [lang], [language], [list], [loop], [low], [manifest], [max], [maxlength], [media], [method], [min], [multiple], [muted], [name], [novalidate], [open], [optimum], [pattern], [ping], [placeholder], [poster], [preload], [radiogroup], [readonly], [rel], [required], [reversed], [rows], [rowspan], [sandbox], [scope], [scoped], [seamless], [selected], [shape], [size], [sizes], [slot], [span], [spellcheck], [src], [srcdoc], [srclang], [srcset], [start], [step], [style], [summary], [tabindex], [target], [title], [type], [usemap], [value], [width], [wrap] { ... } 

但是,然后再次,谁想要的,这就像2500个字符长。

即使所有浪费的潜力已经进入属性的研究,仍然有一些事情,广泛的名单并不包括,如自定义属性data-*甚至怪异“HTML Microdata”属性:

screenshot

itemscopeitemtype?那什么?!

因此,不幸的是,截至今天,您将不得不为您手中的任何问题寻找替代解决方案。

+0

也可以放弃搜索 –

相关问题