Skip to content

PRO TIP Block youtube.com at the DNS level — Pi-hole, NextDNS or your hosts file — but allow youtube-nocookie.com and i.ytimg.com. These tutorials keep playing; the rabbit hole does not.

Learning without distractions

10. Element, ID and Class Selectors – Full stack web development Tutorial Course

72.1K views on YouTube

In this FullStackWebDevelopment tutorial video, we are going to learn how to style different elements in our HTML page. There are three selectors.

1) Firstly, we can directly add #CSS to the element. For this just type the element and define its CSS inside the braces in the CSS file.

2) Secondly, we can give the element a class and add CSS to it. This is helpful when we have to add the same element multiple times. To add CSS to a class define the class using period(.) followed by the name of the class and then define the CSS inside the braces in the CSS file.

3) Lastly, we can add an ID to an element. And to add CSS to it use the hashtag, followed by name of the ID and then define the CSS within the braces in the CSS file.

—————————-

Week 1: Day 2
Section 2: Getting Started With #CSS
Tutorial 10 : #Element, ID & Class #Selectors

—————————-
Do subscribe and hit Bell Icon
—————————-

Follow us in social media handles for opportunities and code related support.

Instagram: https://www.instagram.com/wb.web/
Facebook: https://www.facebook.com/wbweb/
Twitter: https://twitter.com/wbweb_in/
LinkedIn: https://www.linkedin.com/company/wbweb/

Be our Exclusive student / Patreon to receive Exclusive Coding Tips and Freelancing opportunities
Patrons: https://www.patreon.com/wbweb

—————————-

Got a question on the topic? Please share it in the comment section below and our experts will answer it for you.

For more information, please write back to us at hi@wbweb.co.in or call us at IND: 7077568998

After completing the course, write to biswabijaya@wbweb.co.in for an internship or Full stack web development based freelancing opportunities.

For consultation or partnership, related queries drop a mail to hi@wbweb.co.in.