使用了 jQuery？
1. 去掉最左侧的2个>>和最右侧的翻页、夜间分别使用下面两行

$('.con_top').contents().slice(-6, -2).remove();
$('#page_set').contents().slice(-4).remove();

2 和 3.

$('<style>').text(`
.con_top{
	background: black;
	font-size: 20px;
	color: orange;
}
[name="bcolor"], [name="scrollspeed"] {
	background: black;
	color: white;
}
`).appendTo('head');

也可以使用你的写法，只是效率没上面的高。

$('.con_top').css({
	'background': 'black', 
	'font-size': '20px', 
	'color': 'orange'
});

$('[name="bcolor"], [name="scrollspeed"]').css({
    'background': 'black', 
    'color': 'white'
});

谢谢!!!!!!
当然必须得用你的效率高的了~~~~~~ 我只是瞎猫碰耗子这个slice好啊 虽然我不太懂这个参数 貌似是从倒数元素算起切掉 我去学习学习 hehe 都是一知半解 半迷糊状态

lonely_8：使用了 jQuery？
1. 去掉最左侧的2个>>和最右侧的翻页、夜间分别使用下面两行
$('.con_top').contents().slice(-6, -2).remove();
$('#page_set').contents(...回到原帖

我又来请教1个简单3个性质差不多有难度的问题了~~~ 以下面这个网页为例
https://www.biquge.biz/32_32084/16107438.html
我把网页body整体靠右显示了  position: absolute right: 0 background: black

图片：mod.jpg

1.最右侧的导航条是 灰黑底色 灰白边框,怎么改成 黑底色 黑边框,我不知道这个导航条的关键字...
2.最顶部的章节名称内容是xxx(xxxxxx), 这种尾部是(xxxxxx)类型的情况下,怎么改成 尾部是(123) 就是()里面只保留前3个汉字
因为不是每个章节名称都有(xxxxxx)，所以还得加判断，不加判断的我都不会......
3.最底部代码
摸金！

    <!--over-->

</div>
每章节底部 都有很多空行 请问怎么改成一个
或者整体去掉
4.左侧是大空白,怎么加入点东西,例如日期时间，这个好像比3还麻烦是不是......

3.最底部代码
"摸金！<br><br>&nbsp;&nbsp;&nbsp;&nbsp;<!--over--><br><br></div>"
br好像发不出来

1. 右边没见到导航栏
2.

$('.con_top').contents().eq(-1).each(function(i, t) {
    t.nodeValue = t.nodeValue.replace(/(（[^）]{3})[^）]+(?=）)/, '$1');
});

3.

for(const i of $('#content').contents().toArray().reverse()){
    if (i.nodeName === 'BR' || i.nodeType === 8 || (i.nodeType === 3 && i.nodeValue.trim() === '')) {
        i.remove()
    } else {
        break;
    }
}

4.

setInterval((e) => {
    const d = new Date();
    e.eq(0).text('星期' + '日一二三四五六'.charAt(d.getDay()));
    e.eq(1).text(`${d.getHours()}${d.getSeconds() % 2 ? ':'  : ' '}${d.getMinutes()}`.replace(/\b(?=\d\b)/g, '0'));
},
1000,
$(`<div><p><p>
<p><a href="https://www.baidu.com" target="_blank">www.baidu.com</a>
<p><a href="https://www.qidian.com" target="_blank">www.qidian.com</a>
</div>`).css({
    position: 'fixed',
    left: '50px',
    top: '50%',
    transform: 'translateY(-60%)',
    fontFamily: 'monospace',
    fontSize: '50px',
    color: 'white',
    textAlign: 'center'
}).appendTo('body').children().slice(2).css({
	fontSize: '16px',
}).parent().children());

lonely_8：1. 右边没见到导航栏
2. $('.con_top').contents().eq(-1).each(function(i, t) {
    t.nodeValue = t.nodeValue.replace(/(（[^）]{3})...回到原帖

我表达不对,是那个滚动条,,上下翻页滚动条

fanta：我表达不对,是那个滚动条,,上下翻页滚动条回到原帖

修改滚动条的颜色？
FF CSS 提供修改原生滚动条的能力有限。
可以在 15 楼回答 2 的代码倒数第 1 - 2 行 中间加入
下面的代码
html {
scrollbar-color: black black;
}
如果想直接隐藏就改为
html {
scrollbar-width: none;
}

lonely_8：修改滚动条的颜色？
FF CSS 提供修改原生滚动条的能力有限。
可以在 15 楼回答 2 的代码倒数第 1 - 2 行 中间加入
下面的代码
html {
scrollbar-color: black black;
}
如果想直接隐藏就改...回到原帖

其实菜鸟想要学会照猫画虎画虎还是相当有难度的...接近于不可能


setInterval((e) => {
    const d = new Date();
    e.first().text('星期' + '日一二三四五六'.charAt(d.getDay()));
    e.last().text(`${d.getHours()}${d.getSeconds() % 2 ? ':'  : ' '}${d.getMinutes()}`.replace(/\b(?=\d\b)/g, '0'));
},


再帮忙 在时间下面加2个链接吧...
第一个指向 www.baidu.com

回车
第二个指向 www.qidian.com

fanta：其实菜鸟想要学会照猫画虎画虎还是相当有难度的...接近于不可能


setInterval((e) => {
    const d = new Date();
    e.first().text('星期' + '日一二三四五六...回到原帖

直接在 4 楼更新了。
默认新标签打开链接，如果想在当前页面打开将代码中的  target="_blank" 删除。
字号为 16px。


找教程，从最基本的 html、css、js 学起，多练练就会了，
当初我也像你一样，一开始只想自己定制一下自己的浏览器，从模仿别人进门的。

lonely_8：直接在 4 楼更新了。
默认新标签打开链接，如果想在当前页面打开将代码中的  target="_blank" 删除。
字号为 16px。


找教程，从最基本的 html、css、js 学起，多练练就会了，
当初我也像你一样，一...回到原帖

谢谢,hehe 道理我是懂的,然而,但是,^_^,我去好好照猫画虎学习学习

lonely_8：直接在 4 楼更新了。
默认新标签打开链接，如果想在当前页面打开将代码中的  target="_blank" 删除。
字号为 16px。


找教程，从最基本的 html、css、js 学起，多练练就会了，
当初我也像你一样，一...回到原帖

    出现一个问题,我用原先的写法, 改变font-size,background,color,width ,刷新页面都可以立即生效,
    $('#content').css({ 'font-family': 'Microsoft YaHei', 'font-size':'38px', background: 'yellow', color: 'blue', width: '100%' });

    改用效率高的以后, 我测试了所有的项目,其中#content里面 只有background有效,改变其他3项 font-size color width都不起作用
    $('<style>').text(`
    #content {
        font-size: 34px;
        background: red;
        color: green;
        width: 100%;
    }
    `).appendTo('head');

    body .box_con .con_top [name="bcolor"], [name="scrollspeed"] 下面的选项都没用问题,只有#content 文章正文部分有问题,不知道什么原因?我什么地方搞错了

fanta：出现一个问题,我用原先的写法, 改变font-size,background,color,width ,刷新页面都可以立即生效,

    $('#content').css({ 'font-family': 'Microsoft YaHei...回到原帖

css 选择器优先级问题。

第一种方法，是内联样式，优先级第一高，所以能覆盖网页原有样式。

#content 为 id 选择器，优先级第二高。
但网页原样式设置宽度、颜色等属性的选择器为 .box_con #content，
比第二种方法多了一个类选择器 .box_con，
所以优先级比单独的 id 选择器高，无法覆盖原样式。

解决方法就是堆高选择器的优先级，或者给要覆盖的样式属性加上 !important;。
建议使用前者：将 #content 选择器改为 #wrapper #content 。

lonely_8：css 选择器优先级问题。

第一种方法，是内联样式，优先级第一高，所以能覆盖网页原有样式。

#content 为 id 选择器，优先级第二高。
但网页原样式设置宽度、颜色等属性的选择器为 .box_con #content， ...回到原帖

    我测试了下
    #wrapper #content {
        color: red;
    }
    #wrapper#content {
        color: red;
    }

    都不行啊... 字体没有变成红色...
    !important;是可以的

fanta：我测试了下
    #wrapper #content {
        color: red;
    }
    #wrapper#content {
        color: red;
    }

    都不行啊... 字体...回到原帖

你是使用了使用了小说网页自带的字体颜色设置吧，
这种方式的原理就是通过更改内联样式改的颜色，
你可以看到#content 元素上有 style="color:...."。
内联样式优先级最高，所以改颜色只能加 !important; 才能覆盖了。
除非你清空该网站的 cookie 重置为默认值，手动设置为默认也是不行的。

lonely_8：你是使用了使用了小说网页自带的字体颜色设置吧，
这种方式的原理就是通过更改内联样式改的颜色，
你可以看到#content 元素上有 style="color:...."。
内联样式优先级最高，所以改颜色只能加 !important; ...回到原帖

明白了, 我去清空了此网站的cookie, #content即可 不用加#wrapper也可以了...
确认如你所说  要是使用了小说网页自带的字体颜色设置 就不行了 得加!important;
那我把这个项目全加上!important;了

再问下,左侧添加了时间日期链接以后, 左右两侧就算是2个栏目啦,
要是我拖动浏览器边界让界面宽度变窄,左右栏目自然就会交错,
能不能修改下您的代码,
让交错的部分 实现右侧覆盖左侧,只显示右侧的内容