如何使用jquery为小型设备添加css属性

Question

我在这里有一个动态表，我想尝试使用jquery为小型设备添加css poperty。但我没有得到输出，这是我的代码

  $("#slidetable td:nth-of-type(8):before").css("content:","Credit WP");

Answer 1

您不能使用JavaScript来定位伪元素（在此情况下：之前）。您也可以使用CSS Media Queries来定位特定的设备尺寸：

  

媒体查询由媒体类型和至少一个通过使用媒体功能（如宽度，高度和颜色）限制样式表范围的表达式组成。

@media screen and (max-device-width: 460px) {
    #slidetable td:nth-of-type(8):before {
        content: "Credit WP";
    }
}

  @pames Donnelly，但我的桌子很动态 - kannan D.S

那没关系。这是一个JSFiddle演示，演示了动态创建的div元素如何仍受CSS影响：http://jsfiddle.net/gvdt22h2。

  

如果内容：“信用WP”;是动态的，然后是如何可能的 - kannan D.S

在这种情况下，您需要使用不同的元素而不是CSS生成的内容。您可以使用span元素，例如：

$("#slidetable td:nth-of-type(8)").append('<span>Credit WP</span>');