They take good notice of everything on the Whilist here. And Pseudo elements aren’t a little thing to bring into Webflow, but definitely a need more than ever, now that we have dynamic lists.
So my advice is never to wait for features, work as if they don’t exist so you won’t be disappointed. As Webflow grows more and more complex it’s barely impossible for them to disclose any roadmap, that’s easily understandable.
I absolutely need pseudo classes. It might be the only way to style different items in a dynamic list differently!
Hi Webflow,
I have a design that i’m using a dynamic list for, but I want to style every other element in the list differently. The design is 2 columns, with a text block on the left and an image on the right. Using a dynamic list I can only have the list items display in this manner. But I would like every other list item to switch the positions of the columns, so the text block is on the right and the image is on the left.
Since dynamic lists do not let me see the list items themselves in the DOM tree, it seems that there is no way of styling every other element…unless…
we could use nth child selectors, so then i could say, nth-child(even) and use flexbox to reverse the rows and achieve my design.
So, not sure if @webflow supports nth-child selectors, but if it does, i’m not sure how to do it…
…and if it does not, then, could we add that, pleeeeeease???
I am looking to build out a speech bubble and I need pseudo classes. How can I still do this via custom code? I don’t quite understand. Have the CSS there and just simply enter the class in the interface? Any help will be very much appreciated.
Hi All, I agree pseudo classes would be great in the webflow editor – from reading on this forum, it seems there are some difficult UI design challenges for the webflow guys to figure out first – I’m sure they’ll do a great job when they do but in the meantime, I found out the other day from @samliew that if you add an embed element to your page containing <style> [add pseudo classes here] </style>, the effects of the code will be reflected in the webflow preview.
Part of the pain for me was having to publish to see the effects of any pseudo classes I added as custom code – at least this way I can see the effects directly in the editor (it feels a bit weird adding <style> blocks outside of the <head> but I can get over that!).
I’m sure this is probably old news to some but finding this out has really helped me use pseudo classes until webflow figure out how to give support in the editor.