Selecting HTML Elements using CSS

Lab Steps

lock
Introduction to HTML and CSS Labs
lock
Selecting by Element Type, Class, and Identifier
lock
Selecting Multiple Elements and Selecting by Parent Element

The hands-on lab is part of this learning path

Ready for the real environment experience?

DifficultyBeginner
Time Limit25m
Students55
Ratings
3.6/5
starstarstarstar-halfstar-border

Description

Cascading Style Sheets (CSS) allow you to flexibly write rules that apply to a single HTML element or to multiple HTML elements. As well as applying a rule by class or identifier, you can create rules that set the same style properties on multiple HTML elements or on elements that have a specific parent HTML element.

Learning how to select HTML elements in different ways will help you write CSS more efficiently.

Learning Objectives

Upon completion of this beginner level lab, you will be able to write CSS rules that:

  • Select by HTML element type, identifier, and class
  • Select multiple HTML elements
  • Select by parent HTML element

Intended Audience

  • Beginners learning front-end development
  • Software Engineers who need to learn front-end technologies to expand their skillset

Prerequisites

Familiarity with the following will be beneficial but is not required:

  • Cascading Style Sheets (CSS)
  • Hypertext Markup Language (HTML)

The following content can be used to fulfill the prerequisites:

About the Author
Students50756
Labs127
Courses2
Learning paths3

Andrew is a Labs Developer with previous experience in the Internet Service Provider, Audio Streaming, and CryptoCurrency industries. He has also been a DevOps Engineer and enjoys working with CI/CD and Kubernetes.

He holds multiple AWS certifications including Solutions Architect Associate and Professional.

Covered Topics