1 reply [Last post]
DarkConsultant
DarkConsultant's picture
Offline
newbie
Luton, England
Last seen: 7 years 26 weeks ago
Luton, England
Joined: 2014-03-17
Posts: 1
Points: 2

Hi,

I have only been using CSS3 for a few months but have a problem I cannot find out about anywhere; does anyone know here.

I am targeting several div`s in my web who's class name end with -modal and the selector used is -
div[class$="-modal"] { properties }
which works perfectly.

I am attempting to target a group of div`s who's class name end with -window and the selector used is -
div[class$="-window"] { properties }
but I cannot seem to get this to work

If I select using
.one-window, .two-window, .three-window { properties }
this works fine but I cannot understand why the previous one does not.

I have been looking for a solution for about three days now can anyone help?

I wondered if it was because of the word window in the selector.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 28 weeks 3 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

I don't see an error

Can you link to the page? There may be something too subtle to catch without the full context. Also, have you validated the css?

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.