Internet explorer and lots of classes

[Spartin]

Hello world
This is my first post.

I am having issues with CSS in internet explorer I have several thousand lines of code.
The goal is that when I check the box all of them will show and the when it is unchecked they disappear I have several of these different classes.

but only the first 298 of each individual class will work in internet explorer (I need it to work in internet explorer because it is part of a offline app design to help manage files).

Any suggestions as to what is happening or how to fix the little bug.

http://codepen.io/Spartin/pen/rervdr?editors=1100

[Paulie_D]

Seems OK in MSEdge but it’s definitely broken on IE11.

Obviously some different implementation of the selector depth.

Frankly, that’s an extreme edge case probably better suited to Javascript.

[Paulie_D]

Wanna see something weird

#ghc:checked + label +.gh ~ .gh{
display:block;
}

only shows 150 ???

[Shikkediel]

weird

That’s all I could conclude myself.
Now even more so.

[Paulie_D]

Frankly seeing the edited Codepen…you should be outputing this as a table…then you’d have no issues at all.

http://codepen.io/Paulie-D/pen/mPjGmd

[Spartin]

yeah so the actual script is a playlist (out putted from Visual basic script for a 3 week period) so I want to hide the hour markers or songs or adverts etc.
Can you suggest a simple way to do it in java as I have no idea where to start.

The actual file is on-line here (it is to big for code pen) if you want a look.
it is designed for the production staff at volunteer radio station to be able to keep track of what has been done and what needs doing everyday.

http://www.cooloolachristianradio.com.au/playlist_demo/playlist.html

[Author]

Posts