New Module: CSS Selectors #28062
New Module: CSS Selectors #28062
Conversation
… combinators pages
|
Preview URLs
Flaws (2)Note! 1 document with no flaws that don't need to be listed. 🎉 URL:
(comment last updated: 2023-07-21 00:53:52) |
There was a problem hiding this comment.
Thanks, @estelle, for your comprehensive comparison with all the related specs! 🎉
Leaving some questions and suggestions for restructuring and rephrasing. Also leaving a +1 for you to merge after you've fixed what makes sense. We can take a look again in a follow-up PR if anything more needs updating.
| - {{CSSXref("descendant_combinator", " ")}} ([descendant combinator](/en-US/docs/Web/CSS/Descendant_combinator)) | ||
| - [`|`](/en-US/docs/Web/CSS/Namespace_separator) ([namespace separator](/en-US/docs/Web/CSS/Namespace_separator)) | ||
|
|
||
| ### Selectors |
There was a problem hiding this comment.
- Can we name this as Pseudo-class selectors and move the list starting from "Attribute selectors" to a separate section
### Selectors? - Also perhaps we can first list
### Selectors(Attribute to Universal bullets) and then### Pseudo-class selectors
| ### Selectors | |
| ### Pseudo-class selectors |
| - {{CSSXref(":current")}} | ||
| - {{CSSXref(":current", ":current()")}} |
There was a problem hiding this comment.
these both seem to be the same page so maybe have just one entry?
|
|
||
| **Example:** `p ~ span` will match all {{HTMLElement("span")}} elements that follow a {{HTMLElement("p")}}, immediately or not. | ||
| - [Attribute selectors](/en-US/docs/Web/CSS/Attribute_selectors) |
There was a problem hiding this comment.
Should we have this here, it is not really a guide? We have it covered in the previous list. Also we are not listing other selector types here in the Guides section
| **Example:** `col || td` will match all {{HTMLElement("td")}} elements that belong to the scope of the {{HTMLElement("col")}}. | ||
|
|
||
| ## Pseudo-classes and pseudo-elements | ||
| - : Selects elements that have the given attribute, with optional substring values. | ||
|
|
||
| - [Pseudo classes](/en-US/docs/Web/CSS/Pseudo-classes) |
There was a problem hiding this comment.
Same comment - do we need to list it here? We have it covered in the previous list
There was a problem hiding this comment.
kept pseudo and expanded the explaination
|
|
||
| - : The `::` pseudo represent entities that are not included in HTML. | ||
| - [Using the `:target` pseudo-class in selectors](/en-US/docs/Web/CSS/CSS_selectors/Using_the_:target_pseudo-class_in_selectors) |
There was a problem hiding this comment.
Can we move this to after "CSS selector structure"? That way all of the pages under "CSS_selectors" will be listed together followed by all the Learn guides.
There was a problem hiding this comment.
if this wasn't so unrelated it would make sense, but I am unclear why target is where it is.
Co-authored-by: Dipika Bhattacharya <[email protected]>
Co-authored-by: Dipika Bhattacharya <[email protected]>
Co-authored-by: Dipika Bhattacharya <[email protected]>
Co-authored-by: Dipika Bhattacharya <[email protected]>
Co-authored-by: Dipika Bhattacharya <[email protected]>
Co-authored-by: Dipika Bhattacharya <[email protected]>
Co-authored-by: Dipika Bhattacharya <[email protected]>
Co-authored-by: Dipika Bhattacharya <[email protected]>
New module: CSS selectors
Pseudo elements are in their own module landing page, which will PR soon
fixes: openwebdocs/project#164
Content from the existing page (which had the URL of a module but was not a module) that needed to be kept was not deleted. Rather, it was incorporated into this new page and two sub-pages. The sub pages are live at:
Related PRs:
update case sensitivity of attr (#27528)
Create | namespace separator documentation. (#27580
Update UI pseudo classes tutorial (#27572)
New: Cascade module page (#27588)
two sub pages (#27601)