Chromium 的 :has() 實做進展
source link: https://blog.gslin.org/archives/2021/06/21/10208/chromium-%e7%9a%84-has-%e5%af%a6%e5%81%9a%e9%80%b2%e5%b1%95/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Chromium 的 :has() 實做進展
前陣子在「Chromiu 看起來正在實做 CSS4 的 :has()」這邊提到了 Chromium 的 :has() 實做，對應的票在「Issue 669058: CSS selectors Level 4: support :has()」這邊，不過看起來當時沒有實做完整，而且有測出問題：
The following css/selectors web tests are failing on below platform: css/selectors/has-basic.html - Failing on chrome/edge/firefox/safari/webkit css/selectors/parsing/parse-has.html - Failing on chrome/edge/firefox/safari/webkit
昨天又看到新進度了：「Supports all ':has' relative argument cases」。
Supports all ':has' relative argument cases Currently the relative selector is not supported yet, so this CL provides the relative argument cases as follows. - :has(:scope > <complex-selector>) - :has(:scope ~ <complex-selector>) - :has(:scope + <complex-selector>)
看起來補上了之前沒實做的部份。更完整的討論過程可以參考 Gerrit 的「Supports all ':has' relative argument cases」這邊。
沒問題的話應該就是時間的問題了，也許三個月到半年左右？
Related
Chromium 看起來正在實做 CSS4 的 :has()
先前一直都有在盯著「Issue 669058: CSS selectors Level 4: support :has()」這個，主要是有這個功能會對於很多應用很方便，無論是對 designer 在設計上，或是對 javascript developer 的操作。 在 Chromium 上對應的 commit 在「Supports :has() pseudo class matching」這邊，可以看到目前只實做了一部分： So this CL only supports :has argument selectors starting with descendant combinator. Argument selectors starting with other combinators are not supported yet. - .a:has(.b) : Supported - .a:has(>…
June 8, 2021In "Browser"
簡易的 jQuery CSS Selector 替代品
在追 refined-twitter 程式碼的時候，在「refined-twitter/extension/content.js」這邊看到： const $ = document.querySelector.bind(document); 這樣就可以拿 CSS Selector 掃出元件，程式變得比較好讀... 當然，這個方式不是 fluent interface，沒辦法再依樣串下去。 用 Google 查了一些資料，看起來至少從 2013 年就有這個技巧了。
May 18, 2016In "Computer"
Author Gea-Suan LinPosted on June 21, 2021Categories Browser, Computer, CSS, GoogleChrome, Murmuring, Network, Software, WWWTags browser, chromium, css, css4, has, selector Leave a Reply Cancel reply
Your email address will not be published. Required fields are marked *
Comment
Name *
Email *
Website
Notify me of follow-up comments by email.
Notify me of new posts by email.
Post navigation
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK