CSS屏蔽網(wǎng)頁廣告是一種非常有效的方法，可以使得我們?cè)诖蜷_網(wǎng)頁時(shí)不被那些各種各樣的廣告彈窗所打擾。下面我們來簡單地介紹一下如何使用CSS屏蔽網(wǎng)頁廣告代碼。

/* 屏蔽廣告代碼 */
.advertisement, .ad, .ads, #ad, #ads, .ad-bar, .ad_box, .ad-label, .ad-sense, .ad_container, .ad_superbanner, .ad_title, .ad_title_text, .ad_top, .ads-container, .ads-header, .ads-container-2, .ads-container-header, .ads-content, .adds-content-2, .ads-area, .ads-block, .ads-bottom, .ads-code, .ads-frame, .ads-info, .ads-left, .ads-list, .ads-link, .ads-middle, .ads-mpu, .ads-onpage, .ads-position, .ads-right, .adside, .advertising, .advertisements, .adverts, .banner-ad, .banner-advertisement, .banner-advertising, .banner-advert, .banner_ad, .bottom_ads, .content-ads, .google_ad, .play-ads, .right-ads, .sidebar-ad, .top-advertisement, .top-ads, .watch-ads {
display: none !important;
}

以上代碼就是用來屏蔽廣告的，可以將其放置到自己的樣式庫中，全局屏蔽某些特定的類名或者ID。在代碼中，我們使用display屬性將廣告元素設(shè)置為不可見，同時(shí)使用!important來強(qiáng)制優(yōu)先級(jí)。如果某個(gè)廣告被屏蔽后，網(wǎng)頁排版出現(xiàn)問題，可以選擇對(duì)其單獨(dú)進(jìn)行CSS樣式的調(diào)整。

以上就是CSS屏蔽網(wǎng)頁廣告的簡單介紹，希望對(duì)大家有所幫助！