Use of Selector as a Class

  • Resolved Anthony Butler

    (@abutlwer)


    4 years, 9 months ago

    Great plugin and I am making full use of it converting our site (cucrc.org) from Classic editor ‘HTML’ to blocks.
    I often want to use the selector element (e.g. ticss-48393cb6) as a class selector (e.g. figure.ticss-48393cb6) so that my CSS is very specific. However, when I put figure.selector {…} in the Custom CSS box, I get two dots (figure..ticss-48393cb6) in the code. I get round this by deleting one of the dots in the code editor view.
    Is there a way round this, or am I being too clever in what I am doing? You can see an example page at: https://www.cucrc.org/?page_id=1387

    Many thanks, Anthony

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Hardeep Asrani

    (@hardeepasrani)

    Hey @abutlwer,

    selector translates to .ticss-xyz so that’s the issue. It will render two dots. And if you just add figureselector then it will not work. It’s not an issue but a use case that we didn’t think of.

    I’ll fix this in the next version, to make figure.selector type selector work. Thank you for your feedback!

    Thread Starter Anthony Butler

    (@abutlwer)

    Hi Hardeep

    I have discovered that divselector in the Custom CSS works and produces div.ticss-12345678 in the code.

    Not sure where this leaves things – perhaps an explanation in the documentation is what is required (although div.selector is more easily understood).

    Regards, Anthony

    Plugin Author Hardeep Asrani

    (@hardeepasrani)

    Hey @abutlwer,

    Thank you for the update. We will include that information below the CSS field.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Use of Selector as a Class’ is closed to new replies.

Tags