Question

我正在创建一个新的 moodle区块，并且我想编辑该区块的CSS代码。当前，有些图像我要进行内联，但默认情况下，穆迪将这些图像制成ul和li ，这些图像的宽度为“ display：block”。我不能给这些li上任何课程，也不能选择li，因为moodle为标题和块中的所有内容创建了li标签，因此，如果我编辑li，它将适用于每个元素，例如h1等。不仅可以用于img，还可以为其授课吗？

<ul class="unlist">
   <li class="r0"><div class="column c1"><h3><div class="text_to_html">User grade</div></h3></div></li>
   <li class="r1"><div class="column c1">first grade middle school </div></li>
   <li class="r0"><div class="column c1"><h3><div class="text_to_html">user type</div></h3></div></li>
   <li class="r1"><div class="column c1"> Student</div></li>
   <li class="r0"><div class="column c1"><h3><div class="text_to_html">General Certificates</div></h3></div></li>
   <li class="r1"><div class="column c1"><a download="download" class="inline" href="http://81.10.36.53/pluginfile.php/711/profilefield_file/files_2/0/1900 $10000 Gold Certificate both sides.jpg"><img class="cvpic" src="http://81.10.36.53/pluginfile.php/711/profilefield_file/files_2/0/1900%20%2410000%20Gold%20Certificate%20both%20sides.jpg"></a></div></li>
   <li class="r0"><div class="column c1"><a download="download" class="inline" href="http://81.10.36.53/pluginfile.php/711/profilefield_file/files_2/0/Aamir Javed Certificate.jpg"><img class="cvpic" src="http://81.10.36.53/pluginfile.php/711/profilefield_file/files_2/0/Aamir%20Javed%20Certificate.jpg"></a></div></li>
   <li class="r1"><div class="column c1"><a download="download" class="inline" href="http://81.10.36.53/pluginfile.php/711/profilefield_file/files_2/0/US $20 1905 Gold Certificate.jpg"><img class="cvpic" src="http://81.10.36.53/pluginfile.php/711/profilefield_file/files_2/0/US%20%2420%201905%20Gold%20Certificate.jpg"></a></div></li>

Answer 1

如果可以使用jQuery，则可以执行以下操作：

$(document).ready(function() {
    $("ul.unlist li div img").css("display", "inline");
});

它有什么作用：

等待页面完全加载
在<img>元素中选择<ul>类中所有具有unlist类，也具有<div>作为父元素的<li>标签

因此，基本上，它会在您提供的几行的最后3行中选择<img>。

例如，仅选择其中带有<li>标签的<img>，而不选择带有<li>标签的其他<h3>。

如果您不能使用jQuery，这是相同的代码，但使用的是纯JavaScript：

(function() {
    document.querySelector("ul.unlist li div img").style.display = "inline";
})();

修改

通过重新阅读您的问题，您想添加一个类，所以在这里：

jQuery

$("ul.unlist li div img").addClass("your-class");

JavaScript

document.querySelector("ul.unlist li div img").className += " your-class";

不要忘记JavaScript开头的空格，否则您的<img>类将是这样的：cvpicyour-class而不是cvpic your-class

如何给穆迪·卡什自动插入我代码中的<li>元素一个类？

1 个答案: