एलिमेंट हटाएं
किसी एलिमेंट को हटाने के लिए CSS में display: none प्रॉपर्टी मान का उपयोग करें।
उदाहरण 1
<!DOCTYPE html>
<html>
<head>
<style>
span { background-color: orange; color: white; }
p.demo { display: none; }
span.demo1 { display: inline; }
</style>
</head>
<body>
<h1>Match Details</h1>
<div> Match will begin at <p class="demo">9AM</p> 10AM on 20th December. </div>
<div> Match will end at <span class="demo1">5PM</span> on 20th December. </div>
</body>
</html>
आउटपुट
उदाहरण 2
<!DOCTYPE html>
<html>
<head>
<style>
span { display: none; }
.demo2 { text-decoration: underline; text-decoration-style: double; text-decoration-color: red; }
</style>
</head>
<body>
<h1>Details</h1>
<p class="demo">Examination Center near <span>XYZ College</span> ABC College.</p>
<p class="demo2">Exam begins at 11AM.</p>
</body>
</html>
आउटपुट
