From 11eebd33aa0ca9b87068b82b5d6f78537b95e4ba Mon Sep 17 00:00:00 2001 From: Johannes Stoelp Date: Thu, 9 Nov 2023 21:12:17 +0100 Subject: css: selector notes --- src/SUMMARY.md | 1 + src/web/README.md | 1 + src/web/css.md | 54 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 56 insertions(+) create mode 100644 src/web/css.md diff --git a/src/SUMMARY.md b/src/SUMMARY.md index a17f1ca..79af5fc 100644 --- a/src/SUMMARY.md +++ b/src/SUMMARY.md @@ -70,6 +70,7 @@ - [Web](./web/README.md) - [html](./web/html.md) + - [css](./web/css.md) - [chartjs](./web/chartjs.md) - [Arch](./arch/README.md) diff --git a/src/web/README.md b/src/web/README.md index e189f9e..acaa58d 100644 --- a/src/web/README.md +++ b/src/web/README.md @@ -1,4 +1,5 @@ # Web - [html](./html.md) +- [css](./css.md) - [chartjs](./chartjs.md) diff --git a/src/web/css.md b/src/web/css.md new file mode 100644 index 0000000..b1c8fd4 --- /dev/null +++ b/src/web/css.md @@ -0,0 +1,54 @@ +# css + +## selector + +`.moose` element with class +```html +
// selected +
// NOT selected +``` + +`.moose.bar` element with multiple classes +```html +
// selected +
// NOT selected +``` + +`.moose .bar` descendant element with classes +```html +
+
// selected +
+
// NOT selected +``` + +`p` specific element +```html +

// selected +
// NOT selected +``` + +`p.bar` specific element with class +```html +

// selected +

// NOT selected +``` + +`p,div` any element +```html +

// selected +
// selected + // NOT selected +``` + +`div p` descendant element of other element +```html +

// selected +
// NOT selected +``` + +`div > o` direct descendant element of other element +```html +

// selected +
// NOT selected +``` -- cgit v1.2.3