Wikipedia:互助客栈/技术：修订间差异
删除的内容 添加的内容
Ericliu1912（留言 | 贡献） 标签：2017版源代码编辑 |
|||
第436行：
:{{補充}}：[https://stackoverflow.com/questions/1014861/is-there-a-css-parent-selector?page=1&tab=scoredesc#tab-top Is there a CSS parent selector?] 提到可以用<syntaxhighlight lang="CSS" inline>:has()</syntaxhighlight> pseudo-class來選到父節點，但這CSS規格較新，一些browser可能不支援。--[[User:Justin545|Justin545]]（[[User talk:Justin545|留言]]） 2024年6月23日 (日) 13:01 (UTC)
:*{{回應}}我用火狐和Chrome在F12 Console下使用<syntaxhighlight lang="javascript">console.log(document.querySelectorAll(".numblk:has(a:hover)"))</syntaxhighlight>回傳<syntaxhighlight lang="javascript">NodeList [ table.numblk ]</syntaxhighlight>，如圖
:::[[Image:中文維基互助客栈 技术 20240623UseBrowserSelector.png|None|400px]]
::但使用[[Template:沙盒/TemplateStyles]]測試之後得到以下錯誤訊息：
:::{{Error|Error: Expected RPAREN at line 1, col 14.}}
:::<div class="mw-message-box cdx-message cdx-message--block mw-message-box-error cdx-message--error"><span class="cdx-message__icon"></span><div class="cdx-message__content">在第 1 行裡字元 1 有無效的頁面選擇器清單。</div></div>
::似乎<syntaxhighlight lang="css">:has()</syntaxhighlight>語法在[[:mw:Manual:ContentHandler|頁面內容模型]]（ContentModel）為「sanitized-css」（已過濾的CSS），也就是[[Help:模板樣式]]，似乎還不支援此種語法，所以系統會阻止你在[[Help:模板樣式]]:「sanitized-css」（已過濾的CSS）頁面中提交包含<syntaxhighlight lang="css">:has()</syntaxhighlight>的css selector，如圖
:::[[Image:中文維基互助客栈 技术 20240623UsingTemplateStylesExtendions.png|None|400px]]
既然系統已經阻擋，即使繞過阻擋，該規則也會被過濾掉而無法生效，因此無法將此CSS Selector發不出去 (沙盒也發不了、而顯示預覽時，則該規則消失)。
:::所以，如需要讓[[Help:模板樣式]]支援<syntaxhighlight lang="css">:has()</syntaxhighlight>的css selector，可能需要提[[phab:|工單]]或提交社群願望清單。c.c.{{Ping|Justin545}}-- 宇帆-[[d:Q45319771|娜娜奇]]🐰[[U:A2569875|鮮果茶]]☕在[[U:A2569875/C|維基百]]科[[d:Q102197171|尋求]]休閒[[地城邂逅|是否搞錯了什麼]]（[[U:A2569875/論|☎️]]·[[U:A2569875/簽|☘️]]） 2024年6月23日 (日) 14:59 (UTC)
== 繁簡分類重新導向問題 ==
| |||