Permalink
Fetching contributors…
Cannot retrieve contributors at this time
43 lines (24 sloc) 2.51 KB

CSS3 Selectors

Want to style the right element(s) – and only the right element(s)? CSS3 selectors are here for you.

In this workshop, you will gain a solid understanding of modern CSS3 selectors. These will let you write more powerful, specific CSS rules. You'll strengthen your CSS rule writing muscles, helping you be more comfortable in the <style> tag.

The workshop will be a mix of lectures and hands-on exercises. It will be taught by {{ teacher_name }}, {{ teacher_description }}.

This is a great follow-up workshop for those who attended our Intro to HTML & CSS workshop.

Topics covered

  • Review of CSS relational selectors: How to select and style elements of the page based on where they are in relation to other elements. You'll learn how to do this as specifically or generally as you want (all images, all images in lists, all images in a specific list).
  • CSS3 pseudo-class selectors How to select and style elements based on information about their state (e.g. when you hover over an element or enter data into a form).
  • CSS3 pseudo-element selectors How to create and style new elements that you add with CSS. These elements do not initially appear in the HTML of a webpage.

Slides

https://www.teaching-materials.org/css3-selectors/

Prerequisites

Attendees should be comfortable with HTML and CSS fundamentals (HTML tags and attributes, CSS selectors). That means that you either attended our Intro to HTML & CSS workshop or you learned those concepts online.

You can review them online at a few places:

Tech requirements

  • Your laptop (Mac, PC, Linux) and charger
  • A modern web browser (Chrome, Firefox, Safari)
  • A text editor - we recommend either Sublime Text 2 or Atom (both free)

If you do not have a laptop, please contact the instructors. We have a limited number of Chromebooks for students to borrow.

Payment

Payment is required to attend. If you'd like to attend but cannot afford the cost, click here to request a scholarship. Due to the number of applications, only the scholarship recipient will receive an email a few days before the workshop. Thank you for your understanding!