Question

我正在尝试通过class属性应用一些CSS样式。不知何故，这行不通。

它直接通过style属性工作：

<img class="listImage lazy" style="max-width: 100%; height: auto; width: auto\9; /* ie8 */" .. >

它无法通过class属性运行：

.listImage.lazy{
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

这个都不是：

.listImage.lazy{
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

如何将样式应用于类listImage？

Answer 1

您可以将样式应用于类listImage，就像这样：

      $(document).ready(function () {
                    $("#btnSubmit,#btnSubmitbuttom").click(function () {
                        var rfp = true;
                        var count = 0;
                        var lbxBD_Role = $("#lbxBD_Role option:selected").val();
                        if (lbxBD_Role == "" || lbxBD_Role == undefined) {
                            $("#lblBD_Role").attr("style", "visibility: visible");
                            $("#lblBD_Role").attr("style", "color: red");
                            $("#lblBD_Role").html('* Required');
                            count++;
                        }
                      });
                   });
            </script>

如果您希望在两个类中添加相同的样式，则需要这样编写：

setInterval(() => { this.loading = true; this.getSignals(); }, 60000);

请注意，您已将class listImage和lazy类分配给了img标签。

Answer 2

即使使用2个类，它也可以正常工作。

.listImage.lazy {
  max-width: 50%;
  height: 50px;
  width: auto\9;
}

<img class="listImage lazy" src="https://i.imgur.com/d97bGiU.png"/>

CSS属性不能通过类应用于img项目

2 个答案: