1 reply [Last post]
gidmeister
gidmeister's picture
Offline
Regular
NY
Last seen: 6 years 1 week ago
NY
Timezone: GMT-4
Joined: 2011-03-01
Posts: 47
Points: 93

I have a video tag in my webpage, and I also add tracks (subtitles) to it.
I would like the subtitles to use a smaller font size.
So I asked on 'stackoverflow' and the suggestion I got was to use styles with a double colon in front of them. But when I put these into the css file of my project (I'm using Visual Studio Web Developer), they were rejected.
Visual Studio doesn't like the css that uses the double colon.
here are the styles that were provided:

::cue {
    color: yellow;
}
::cue(.small) {
    font-size: 80%;
}
.cue-display span.cue .small {
    font-size: 80%;
}
::cue(.customstyle) {
    color: red;
    font: bold;
}
.cue-display span.cue .customstyle {
    color: red;
    font: bold;
}

Thanks

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 3 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Hi gidmeisterThe double

Hi gidmeister
The double colon ( :: ) is just a visual method of distinguishing between pseudo element and pseudo class.
You can use single colon for both.
Most browsers will support it, so in visual studio just use one until they catch up.