Using :has() pseudo-class ?

[Zillion_]

Hello, I have an issue trying to use :has() pseudo-class selectors in e-books.

Example:
.ChapterS:has(+.SubChapter) {
margin-bottom: 1em !important;
color: red !important;
}

The Kindle conversion logs show this:

Reading TOC from NCX...
Merging user specified metadata...
Detecting structure...
Inserting metadata into book...
Flattening CSS and remapping font sizes...
Ignoring CSS rule with invalid selector: '.ChapterS:has(+ blockquote)' (The pseudo-class :has() is unknown)
Ignoring CSS rule with invalid selector: '.ChapterS:has(+ .ChapterLocation)' (Expected an argument, got <DELIM '.' at 16>)
Ignoring CSS rule with invalid selector: '.ChapterS:has(+ .SubChapter)' (Expected an argument, got <DELIM '.' at 16>)
Ignoring CSS rule with invalid selector: '.ChapterS:has(+ blockquote)' (The pseudo-class :has() is unknown)
Ignoring CSS rule with invalid selector: '.ChapterS:has(+ .ChapterLocation)' (Expected an argument, got <DELIM '.' at 16>)
Ignoring CSS rule with invalid selector: '.ChapterS:has(+ .SubChapter)' (Expected an argument, got <DELIM '.' at 16>)
Ignoring CSS rule with invalid selector: '.ChapterS:has(+ blockquote)' (The pseudo-class :has() is unknown)

Calibre supports them correctly for the display in the editor (text displays correctly, tested with some color tags) but the conversion doesn't.
Is this an issue in Calibre or in KFX Output ? (unclear to me)

[JSWolf]

Originally Posted by Zillion_

Hello, I have an issue trying to use :has() pseudo-class selectors in e-books.

Example:
.ChapterS:has(+.SubChapter) {
margin-bottom: 1em !important;
color: red !important;
}

The Kindle conversion logs show this:

Reading TOC from NCX...
Merging user specified metadata...
Detecting structure...
Inserting metadata into book...
Flattening CSS and remapping font sizes...
Ignoring CSS rule with invalid selector: '.ChapterS:has(+ blockquote)' (The pseudo-class :has() is unknown)
Ignoring CSS rule with invalid selector: '.ChapterS:has(+ .ChapterLocation)' (Expected an argument, got <DELIM '.' at 16>)
Ignoring CSS rule with invalid selector: '.ChapterS:has(+ .SubChapter)' (Expected an argument, got <DELIM '.' at 16>)
Ignoring CSS rule with invalid selector: '.ChapterS:has(+ blockquote)' (The pseudo-class :has() is unknown)
Ignoring CSS rule with invalid selector: '.ChapterS:has(+ .ChapterLocation)' (Expected an argument, got <DELIM '.' at 16>)
Ignoring CSS rule with invalid selector: '.ChapterS:has(+ .SubChapter)' (Expected an argument, got <DELIM '.' at 16>)
Ignoring CSS rule with invalid selector: '.ChapterS:has(+ blockquote)' (The pseudo-class :has() is unknown)

Calibre supports them correctly for the display in the editor (text displays correctly, tested with some color tags) but the conversion doesn't.
Is this an issue in Calibre or in KFX Output ? (unclear to me)

Try converting to KF8 and see if the pseudo class still works. It could be an issue KFX not supporting it.