Learn all you need to know about CSS selectors

Mastering CSS Selectors

30+ videos, lifetime access…

Selecting the correct HTML element might make or break your marketing setup

Element selection is something you’ll run into in many disciplines under the “technical marketing” umbrella.

While very common in tagging and digital analytics, you’ll find CSS selectors immensely useful in CROSEO, and web design, too.

Simmer’s Mastering CSS Selectors course is designed to help you become fluent in the language of CSS selectors.

Mastering CSS Selectors

Mastering CSS Selectors

Cascading Style Sheets or CSS is a language that specifies how the HTML document should be presented. The HTML itself contains the elements and content that the web browser should render on the screen. But the CSS tells the browser how to position these elements, what colors and fonts to use, and even how these elements should react to user interactions or changes in page state. What you see on any given webpage is a mixture of these technologies. The content and the relative hierarchy of on-page elements, such as images, headings, and text comes from HTML but the fonts, the colors, the paddings, the margins and the relative positioning of these elements comes from CSS. CSS selectors are a crucial part of the language. They are used to select specific elements on the page by using element names or attributes as qualifiers. Once the element has been matched, styles can be assigned to it. For example, with a certain type of CSS selector, you could specify that all links on the page should be in red color and with bold typeface. Another selector could match all headings on the page and assign them with a font size that's twice as large as body text. In addition to styling, CSS selectors are a crucial part of any work that involves the web document. For example, in traditional web analytics and tagging systems, CSS selectors are used to attach event listeners to key elements using JavaScript. A classic example is Google Tag Manager, which can automatically listen to clicks on link elements. This is done under the hood with CSS selectors and some JavaScript magic. CSS Selectors are also vital in A/B testing to make sure that the experiment variations modify the correct elements. They're also very useful in technical search engine optimization where crawlers can be configured to locate certain elements on the page to make sure they exist or that they are properly annotated with the correct attributes. In this "Mastering CSS selectors" course at Simmer, I'll guide you through the world of CSS selectors. The course consists of bite-sized, task-based, self-paced video lessons, supplementary text content and exercises to make sure you've picked up all the relevant knowledge. By enrolling in this course, you'll also gain access to the Simmer community. What's more? You'll never expire your attendance. When you purchase this course, you'll have lifetime access to the content. This course is a great way to expand your knowledge about web design. As with all Simmer courses, our main goal is to help you become more confident in the world of technical marketing, whether it's with tag management, data engineering, JavaScript programming or now with CSS Selectors, we've got you covered. I'll see you in class.

It's not just JavaScript...

While JavaScript is certainly an important interface for working with CSS selectors, you’ll find that many tools and services that are popular in digital marketing make use of CSS selectors through their own, native user interfaces.

Whether it’s tag management systemsweb crawlers, or visual editors for A/B testing, understanding how CSS, JavaScript, and HTML conspire to generate modern web experiences is almost vital for anyone working in technical digital marketing today.

Bundle options

All Courses Bundle

Buy all five Simmer courses together to save 548€!

1747 €

JavaScript For Digital Marketers Bundle

Buy this course together with JavaScript For Digital Marketers to save 99€!

699 €

What students are saying...

Simo's level of knowledge on tag management and technical marketing in general is incredible and his ability and will to transfer this knowledge to others is unparalleled.

His blog and community efforts have saved me, and I would argue the entire industry, countless hours of trial and error figuring stuff out.

I tend to include the words "Simo Ahava" in my search queries if they are about anything tag management related. How about that for a reference. Besides all that, he's great guy to work with!​

Welcome to Mastering CSS Selectors. After completing this course, you will have a comprehensive understanding of HTML element selection, which will make your life as a technical digital marketer a lot simpler.

While you might think the concept of “HTML element selection” to be extremely niche and probably not useful in your day-to-day work, it might surprise you just how often you’ll come across a situation where you’ll need to both understand the HTML you are working with and select some element or elements in the markup for “scraping” the contents.

In fact, much of tag management today relies on the ability to interact with the web page using CSS selectors for targeting rules. Similarly, web design is all about writing efficient HTML structures not just for web browsers but also for digital marketers. You’ll run into CSS selectors elsewhere, too, for example when configuring an A/B test variation or when fine-tuning your technical SEO crawlers.

This course will get you up-to-speed with CSS selectors. It’s a shorttask-basedself-paced curriculum designed to tackle the use cases clearly and to provide you with all the necessary information you need to work with CSS selectors.

This course has been designed particularly as a companion to Simmer’s JavaScript For Digital Marketers course. Take a look at our bundle options to buy this course together with our other courses.

As with all Simmer courses, your enrollment in Mastering CSS Selectors comes with lifetime access to the material, which we will make sure stays always updated and relevant.

The course includes...

Task-based, bite-sized, self-paced video lessons

The course comprises 30+ videos, grouped into lessons. Each lesson covers a broader topic, such as a specific selector type.

The videos are mainly voice-over screen recordings, with enhancements and English subtitles to make it easier to follow along.

The course is self-paced, and you can take it at your own leisure. The individual topics always contain text content to help flesh out the concepts. There are illustrations, JavaScript samples, links, and further resources to help you understand more about each topic.

We also include a comprehensive reference at the end of the course, which includes all of the information covered in the course, just in a more condensed format.


Quizzes, certificate, and lifetime access

There are two quizzes, one after each of the “main” sections of this course, and there is also a final quiz at the very end. These quizzes are designed to test how well you learned the concepts introduced in each section, but they are not designed to be bottlenecks – you should have no trouble clearing them as long as you pay attention when following the topics.

Once you complete all course content, you will receive a certificate, which you can proudly share on social media and in your professional profiles.

Lifetime access means exactly what it says. When you enroll into this course, we will not take away your course access.

CSS certificate

The course curriculum includes...

The course comprises four sections, with 30+ videos, and a total running time of 3+ hours.

1. Introduction

  1. Course intro and curriculum
  2. What are CSS selectors?

2. CSS Selector Basics

  1. Basics of HTML / CSS / JavaScript in the context of element selection
  2. How to select elements based on tag name and special attributes
  3. How to select elements based on attributes and attribute values
  4. How to chain selectors together for positional selection

3. Advanced CSS Selectors

  1. Pseudo-classes
  2. Pseudo-elements
  3. Child and type selectors
  4. Selection through negation
  5. Writing more complex (but optimized) selector chains

4. Best Practices

  1. Optimize selector chains
  2. Work with developers to improve the HTML structure of the website
  3. Troubleshoot and debug CSS
  4. Comprehensive reference based on what you learned during the course
Simo Ahava

Hi, I'm Simo Ahava, your instructor

I’m a developer working specifically with digital analytics and web browsers

I love working with the web. But the web is often a mess. I’ve spent a disproportionate amount of my professional life trying to make sense of web documents, and in courses like this one I’m happy to share everything I know about web development with you.

CSS selectors are one of the key tools you just need to know about in order to be more efficient as a technical marketing professional. I can’t wait to show you what they’re all about!

Simmer Community

This is where the magic happens.

With course access, you will also receive an invitation to the Simmer Community, where you can ask questions and interact with fellow students. 

The community has already proven to be an extremely useful source of information, and many of the discussions in the community are extended into new content in the course itself.

As with course access, you will have lifetime access to the Simmer Community.

Simmer Community

Frequently Asked Questions

1. How long does it take to complete the course?

If you watch the videos at normal speed and read everything there is to read, you will get through all the content in roughly 6 hours

2. What will I get upon enrollment?

Once you enroll, you will get your Simmer login credentials that will let you access the course content. Shortly after, you’ll receive an email with your onboarding package.

You’ll also receive an invite to the Simmer Community and lifetime access to everything listed above.

3. What does “lifetime access” mean?

Just that. Unless you specifically ask us to, we will not remove your access to the course content or to the Simmer Community.

You will also stay on the course email list, which we will never, ever use for marketing purposes. It is solely for distributing useful information about the course.

4. How much do I need to know about JavaScript before enrolling?

Nothing, really. We’ll show you how to run the JavaScript included in the course, and we’ll walk you through the necessary methods. 

JavaScript is just an interface for using CSS selectors – you absolutely don’t need to understand JS to understand CSS selectors. In fact, in many of the scenarios where you’ll need to utilize CSS selectors, such as in tag management systems, you won’t need to write any JavaScript at all.

5. What if I’m not satisfied with the course?

We offer a full refund, no questions asked, if you request it within 30 days of your purchase and if you’ve got 100% completion of the course content. We really want you to give it your best shot – we are absolutely positive that you will find the course useful and the learning curve manageable.

Hide picture