html - How to give different content to every td in the table -


i'm struggling giving different content (icons in case) every <td> using nth-chid() method.

if i'm adding css rule, see on every <td> 1 type of icon:

.help-block .css-context-explorer-orientation-widget td:before {     font-family: icons;     content: "\e04f";     position: absolute; } 

at stage, want overwrite rule above, see no changes, icons same.

.help-block .css-context-explorer-orientation-widget td:before:nth-child(1) {     font-family: icons;     content: "\e04e"!important; } 

if give !important rule, shouldn't overwrite rule above?

ps: how overwrite rule when second row?

the problem here not important.

your selector wrong. :before should used @ end of selector.

.help-block .css-context-explorer-orientation-widget td:nth-child(1):before { 

first select first child element , use before on it.


Comments

Popular posts from this blog

java - Date formats difference between yyyy-MM-dd'T'HH:mm:ss and yyyy-MM-dd'T'HH:mm:ssXXX -

c# - Get rid of xmlns attribute when adding node to existing xml -