css selector problem

#1 · April 27, 2020, 11:28 pm

Hi luishp,

I use the below css selector, it works good but whenever I run in the browsers it disappear.

div[class="test"]{
   background-color:red;
}

#2 · April 28, 2020, 7:43 am

@asmat where are you typing that code?
The problem is probably due to VisualNEO trying to get the text within the brackets "[" and "]" from a variable.
Have you added the CSS to Project > Properties > Styles?

#3 · April 28, 2020, 12:52 pm

@luishp

Yes, I have added the CSS to Project > Properties > Styles.

#4 · April 28, 2020, 12:58 pm

Please @asmat share a sample app so I can take a look. Thanks!

#5 · April 28, 2020, 2:08 pm

@luishp,

Please take a look to attached file.

Uploaded files:

You need to login to have access to uploads.

#6 · April 28, 2020, 2:57 pm

asmat

Try this in Project >>> Properties >>> Styles ...

.test {
background-color:red;
}

.box-error {
background-color:blue;
}

.box-warning {
background-color:blue;
}

Since you have specified classes for your boxes as test, box-error and box-warning, you associate properties for these classes by specifying a dot before the same name.

If you wanted these properties to only apply to html elements of the type div with a class of test, you would specify div.test instead of .test

If you wanted these properties to only apply to elements with an id of (say) Container1, you would specify #Container1

For a more detailed understanding of css selectors, visit https://www.w3schools.com/css/css_selectors.asp

#7 · April 28, 2020, 4:49 pm

@asmat, if I just delete those selectors the Containers keep the same aspect so they don't do anything at all.

asmat has reacted to this post.

#8 · April 28, 2020, 6:14 pm

Thanks from both of you @Gave and @luishp.

css selector problem - Forum

css selector problem