CSS and number management

I try to fix numbers with an asterix *.

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag

It uses numbers 1-10 etc. An example:

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-* .selected-flag

Is this technically possible to be solved using CSS?

If you explained your use case in a bit more detail it would be easier to give a correct answer:)

As it stands the use of the asterisk in the class names is invalid and won’t work.

If you are looking for a class name that begins with iti-sdc- then you can use the attribute selector as follows.

That will pick up any classnames that start with iti-sdc- and not just 1 -10.

e.g.
iti-sdc-1
iti-sdc-2
iti-sdc-3
iti-sdc-4
iti-sdc-5

iti-sdc-10000
iti-sdc-something
iti-sdc-something else

Is that the sort of thing you were looking for.

As an aside:

That’s ugly :slight_smile:

2 Likes

Thank you for the message. It works. You are excellent developer as usual.

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.