我有
a WordPress site with a twentysixteen child theme
在那里我试着磨一些东西。我想做的一件事是让侧边栏少一点减速,让访问者的注意力在大多数时间集中在阅读内容上。
一些链接强调了用户体验的动机。(嵌入的链接加下划线;链接列表只在悬停时加下划线。)所以除了搜索之外的第二列小部件通常不加下划线。
经过十几次尝试之后,我得到的结果如下。
The stylesheet
大多数情况下,搜索后所有正确的列小部件都被视为与链接下划线相同。
在UI中,如果查看右侧列(不包括用于显示图像列的小部件):
-
-
第二个和第四个没有。
-
第1个、第2个和第3个使用任意文本小部件。
我在调试方面做得太好了。
我花了好几个小时在办公室里开关东西
style.css
"text-decoration: none,"
"text-decoration: underline,"
"!important,"
等等,什么都没用。
下面的片段使用了我能找到的最重的大锤。我所期望的结果是我在分配一个
(jQuery.css()) inline !important
风格,这是无法战胜的。
;(jQuery(function()
{
jQuery.css('aside#secondary a', 'text-decoration: none !important');
jQuery.css(
'aside#secondary a:hover', 'text-decoration: underline !important');
})());
我还没有发现是什么导致了这个问题;我已经尽了很大的努力,但还不能对这个问题提供一个最小的证明;我不知道WordPress的胆量。