保留元素选择器规则匹配不上

[heddxh]

针对MDN，我在保留元素选择器写了div.sticky-header-container *, div.toc-container *, div.sidebar-container *

但是右边目录标题依然会被翻译：

是我的规则问题吗？

[fishjar]

保留元素一般是防止行内元素，比如code、img被翻译。
不想翻译右边目录标题，最好的做法是选择器不要选择到这部分内容。

[heddxh]

好我改改规则
所以不完全工作是预期的吗？

[realysy]

@heddxh 针对mdn网站，如果不行右侧的文档目录被翻译，可按如下步骤修改选择器避免选择到：

1. 在cdn网页点击插件的"保存规则"：
   

2. 去插件的设置 - 规则设置 - 个人规则，修改这个网站的选择器规则，则选择器前面加上article.main-page-content ：
   

3. 刷新cdn网页即可生效

[heddxh]

@realysy 感谢。
我发现我理解错保留元素的意思了，应该指的是被保留的元素原样出现在翻译区域。

[realysy]

但是我也想知道如何设置某个块级元素比如div.wy-side-scroll不要被选择。

比如很多开源库的文档网站是用相同框架开发，都包含左侧目录div.wy-side-scroll（比如Conan、OpenMP），如果不想各个网站中的这个元素被翻译应该如何设置？

[fishjar]

排除元素，可以试试 :not() 伪类，但并不好用，结果难料

最好的做法是，想翻译哪一块，就选择哪一块，比如：
.wy-nav-content :is(li, p, h1, h2, h3, h4, h5, h6, dd, blockquote, .kiss-p)

[realysy]

:not() 确实不好用

发现可以在全局规则的保留元素选择器中添加.wy-nav-content *，通过*后代选择器指定某个块级元素的所有行内元素