how to add css property using jquery for small devices -

I have a dynamic table, I'am css popatty trying to use jquery for small devices . But iam is not receiving the output, this is my code

  $ ("# slidetable td: nth-of-type (8):" before). CSS ("Content:", "Credit WP");    
 
 
 You can not target pseudo elements (before, in this case) Javascript In addition, you can use only to target specific device sizes:  
 
  The media query contains at least one expression that is used by media features Style sheets limit the width, height and color in the form of.    
  @ media screen and (max-device-width: 460px) {#slidetable td: nth-of- Type (8): first {content: "credit wp"; }}   
 
 @James Donnelly but my table is dynamic ???? Kannan DS   
 It does not make any difference. Here a JSFiddle demo is showing that the dynamically created  div  element is still influenced by CSS.  
 
 If Content: "Credit WP"; How dynamic is this ??? Kannan DS   
 In this case, you have to use a different element instead of the CSS generated content. For example, you can use a  span  element:  
  $ ("# slidetable td: nth-of-type (8)"). App ('& lt; period & gt; credit wp & lt; / span & gt;');