javascript-tutorial / javascript-tutorial/en.javascript.info

CSS selectors

Open
#1,468 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
HTML
Stars
25.5k
Forks
4k
PR merge metrics
No merged PRs in 30d

Description

It might help to have some reference or discussion of CSS selectors before jumping in here with, say 'ul > li:last-child'. with 'a[href$="zip"]' close on its heels.

To look at the case of a tutorial-user chosen at random, I, for instance, was familiar with the simple selectors: tag, #id, and .class selectors, plus :pseudo-class and ::pseudo-element selectors, and may have seen (but not used) [attribute] selectors, but what I now have found described as "combinator" selectors (">", "-", "~") were (besides space " ") new and unfamiliar (though I'm glad to be acquainted with them now). Anyway, I've educated myself and am moving on, and they're not that hard to learn, but to have a little more info on them or a reference might help some other poor fool(s). 🤷‍♂️🤷‍♀️

Probably wouldn't hurt, in any case.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Review the tutorial's existing material related to CSS selectors, using the examples in the issue such as combinators, attribute selectors, and pseudo-classes as the starting scope. Done means the relevant tutorial content includes a useful reference or discussion of these selectors for learners.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
documentation
Issue type
Documentation
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.