CSS Basic Selectors

By Lye Heng Foo on June 1, 2022

There are various selectors that we could use to select the element(s) in our HTML page. Simple basic CSS selectors are covered in this article. The advanced CSS selectors will be covered in the following article.

There are 4 simple basic CSS Selectors.

Element selector

Select all <p> elements on a page.

p { }

Select all <h1> and <h2> elements on a page.

h1, h2 { }

Class selector

Select all elements with a specific class on a page. (Example with attribute class=”myclass” in the HTML page)

.myclass { }

ID selector

Select all elements with a specific ID on a page. (Example with attribute id=”myid” in the HTML page)

#myid { }

Universal selector

The universal selector (*) selects all HTML elements on the page.

* { }

More articles like this ...

Backup And Restoring Mysql Database

By Lye Heng Foo on August 23, 2022

Backup using phpMyAdmin Read more

CSS Advanced Selectors Part 2 - Pseudo-classes and Pseudo-elements

By Lye Heng Foo on July 27, 2022

In the previous articles, we have looked at basic and the more advanced Combinator selectors. Read more

CSS Advanced Selectors Part 1 - The Combinator Selectors

By Lye Heng Foo on June 2, 2022

There are various selectors that we could use to select the element(s) in our HTML page. We have covered simple basic CSS selectors in the previous article. In this article, we will now cover the advanced CSS combinator selectors. Read more