stylus常规用法之屏蔽浏览器广告（百度，csdn等）

核心思想就是拿到对应class/id来进行display: none !important

百度

// 我顺便优化了样式并去掉了新闻

#content_right {
    display: none
}
#container {
    width: 100%;
    padding: 0 10%;
    box-sizing: border-box;
    overflow: hidden;
}
#container.sam_newgrid {
    margin: 0
}
#content_left{
    width: 100% !important;
}
#content_left > .result,
#content_left > .result-op {
    width: 100% !important;
    border: 1px solid #eee;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 2px 2px 5px grey;
    box-sizing: border-box;
    transition: box-shadow 0.5s;
}
#content_left > .result:hover,
#content_left > .result-op:hover {
    box-shadow: 2px 5px 5px grey;
}
#content_left > div[style] {
    background-color: red;
    width: 0;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

---

csdn

// 去掉了每周小结

.toolbar-msg-count, .programmer1Box, #recommend-item-box-tow{
    display: none !important;
}
a[data-type="notice"] i{
    display: none !important
}

---

typing.top

// 优化了样式

body{
    --bc: #202020;
    --fc: #959595;
    background: var(--bc);
}
.finger, .sidebar{
    display: none
}
.main-layout, #words, #wordboard, #input-row {
    background: var(--bc) !important;
}
#inputfield {
    border: 1px solid #CC3333 !important;
    background: var(--bc);
    color: var(--fc) !important;
    margin: 0;
    padding: 0 12px;
}
#speedtest-main #wordboard{
    color: var(--fc) ;
}
.highlight-wrong{
    background: #982f39 !important
}
.highlight {
    background: #666 !important
}
#input-row {
    padding: 0 !important;
}
.popover {
    opacity: 0.5;
}
.wrong {
    color: #b72323 !important;
}
#wordboard, #inputfield {
    font-family: Caladea !important;   
}
main {
    width: 100% !important;
}

---