How can I make a chrom extention for hide youtube's suggested video without JS?

Question

I want to make it with CSS. Can I do this?

Answer 1

This should hide the suggested videos on YouTube when the extension is enabled.

/*In manifest.json file */
{
"manifest_version": 2,
"name": "My Extension",
"version": "1.0",
"content_scripts": [
{
"matches": ["*://*.youtube.com/*"],
"css": ["style.css"]
}
]
}

/* In style.css file */
.ytd-compact-autoplay-renderer {
display: none !important;
}

Please use chrome devtool to confirm the above css class