关于stylus的使用

前两天，用csdn来放图片来着，发现有好多的浏览量，今天写下详细的stylus怎么用

首先，stylus是个插件，在edge插件商店找不到，

谷歌是这个地址，会魔法的话用这个

https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

github的地址是这个

https://github.com/openstyles/stylus

下载安装就行了

有两种样式，一种是自己写（比较麻烦），一种是查看更多样式，

每个网站都有不同的样式，这个是比较简单的

另一种自己写的话，需要一些web开发基础，

body {
    background: url(https://img-blog.csdnimg.cn/direct/123278d06b254a9780174baaee89bb6e.jpeg) 0px fixed !important;
    background-size: cover !important;
    background-repeat: no-repeat;
}


 

	/* csdn */
/*右上角创作者的信息*/
div#asideProfile {
	background: #fff0;color: black;
}
/*最上面的东西*/
div#csdn-toolbar{
	background: #fff0;color: black;
}
/*最右边从上到下*/
div.blog-content-box{
	background: #fff0;color: black;
}
div#asideHotArticle.aside-box {
	background: #fff0;color: black;
}
div#asideNewComments.aside-box {
	background: #fff0;color: black;
}
div#asideCategory.aside-box.flexible-box {
	background: #fff0;color: black;
}
div#asideNewNps.aside-box.common-nps-box {
	background: #fff0;color: black;
}
div#asideArchive.aside-box {
	background: #fff0;color: black;
}

div#asidedirectory.aside-box {
	background-color: #fff0;color: black;
}




div#mainBox.container.clearfix
{
	div.blog-content-box{							background: #fff0;color: black;
		div.article-header-box {					background: #fff0;color: black;
			div.article-info-box{					background: #fff0; color: black;
				div.article-bar-top {				background: #fff0;color: black;}
				div.tags-box.artic-tag-box { 		background: #fff0;color: black;
					a.tag-link {					background: #fff0;color: black;border: none;}
											}
									}			
								}
			div#blogColumnPayAdvert{background: #fff0;color: black;
				div.column-group{background: #fff0;color: black;
					div.column-group-item.column-group0 {background: #fff0;color: black;}
					div.column-group-item.column-group1 {background: #fff0;color: black;}
					div.column-group-item.column-group2 {background: #fff0;color: black;}
									}
						}
	}
	div#toolBarBox.more-toolbox-new{background: #fff0;border: none;color: black;
		div.left-toolbox{background: #fff0;	color: black;}
									}
	div.first-recommend-box.recommend-box  {background: #fff0;border: none;color: black;
		div.recommend-item-box.type_download.clearfix{background: #fff0;color: black;
			div.content-box{background: #fff0;color: black;
				div.content-blog.display-flex{background: #fff0;color: black;
					div.title-box{background: #fff0;color: black;}
					div.desc-box{background: #fff0;color: black;}
				}
				div.desc-box{
					div.desc.ellipsis-online.ellipsis-online-1{background: #fff0;color: black;
						
					}
				}
			}
		}
	}
	div.second-recommend-box.recommend-box {background: #fff0;color: black;
		div.recommend-item-box.type_blog.clearfix{background: #fff0;color: black;border: none;
			div.content-box{ background: #fff0;color: black;
				div.desc-box{background: #fff0;color: black;
					div.desc.ellipsis-online.ellipsis-online-1{background: #fff0;color: black;}
				}}
		}
	}
	div#pcCommentBox.comment-box.comment-box-new2.login-comment-box-new{
		background: #fff0;color: black;
		div.has-comment{background: #fff0;color: black;}
	}
	div.recommend-box.insert-baidu-box.recommend-box-style {
		background: #fff0;color: black;
		div.recommend-item-box.baiduSearch.clearfix{
			background: #fff0;color: black;
		}
		div.recommend-item-box.type_blog.clearfix{
			background: #fff0; color: black;
			div.desc-box{color: black;}
		}
	}
	div.recommend-item-box.type_download.clearfix{
		background: #fff0; color: black;
	}
	div.recommend-item-box.type_chatgpt.clearfix{
		background: #fff0; color: black;
	}
	div#recommendNps.recommend-nps-box.common-nps-box{
		background: #fff0; color: black;
	}
	div.blog-footer-bottom{background: #fff0;color: black;
		div#copyright-box{background: #fff0;color: black;
			div#csdn-copyright-footer.column.small{background: #fff0;color: black;
				ul.footer-column-t{color: black;}
				ul.footer-column-b{color: black;}
			}
		}
	}
}






div#asidedirectory.aside-box {
	background: #fff0;color: black;
	div#directory.groupfile{
		background: #fff0;color: black;
	}
}

这个是我的样式代码，把background里的url换掉就行了