XF 2.2 [data-container-key*="node-4"]

[Robert9]

It seems that [data-container-key*="node-4"]
works not only for node-id 4, it works also for node-id 41?


Do we have a list with these ways of limitation for css?
And how can i limit my css to node id 4?

 

[SeToY]

Do we have a list with these ways of limitation for css?

CSS Selectors Reference

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

And how can i limit my css to node id 4?

Try [data-container-key~="node-4"]

 

[Robert9]

I tried now
[data-container-key="node-4"]

seems to work.
What is "~"?

 

[Robert9]

And is * for 41 and 14 and 141?

 

[SeToY]

What is "~"?

This is explained in the documentation I added. It matches the word as-is, without anything in front of it or after it (which * does). Yours (without the ~) currently works because it's presumably the only text inside "data-container-key" and should work flawlessly until you add anything else in there (but why should you, it's a data attribute).

And is * for 41 and 14 and 141?

No, this is also part of the documentation. It will match any string containing "node-4", so "node-41", "node-475187591" as well as "my-beautiful-node-400". See:

 

[Robert9]

Nice. Thank you.

Now we miss manipulation of node_ids to make groups out of them.