当前位置:首页 > 教程 > 正文

zblog信息流广告插件元素选择器教程

jQuery元素选择器和属性选择器允许您通过标签名、属性名或内容对HTML素进行选择。

需要理解的地方是选择器如何准确地选取您希望应用效果的元素。

ZBLOG信息流广告插件的功能是将一段广告随机插入到文章列表中。

那么,我们就需要准确的定位文章列表

以本人的单栏简约Pro主题为例

右键单击列表中的第一篇文章,选择检查

zblog信息流广告插件元素选择器教程  第1张

在devtools中可以看到源代码

我们会发现有大量相似代码重复

代码共同点是都包含一个li标签

于是我们用li标签就可以定位列表元素

zblog信息流广告插件元素选择器教程  第2张

这个时候问题就来了

整个页面中并不是只有列表区域有这个标签,别的地方也可能有。

再继续往上找,发现了class="list"

于是我们就可以用.list li选择到了文章列表中的文章

在上面的例子中,我们发现每一个li标签都有很多相同的css类

所以我们也可以用.list+相同css类的方式作为选择器。

本人一些主题的选择器

智博酷(普通列表)、简小书、小清新、轻社区、新闻自媒体、游戏推荐:.post_list_li

轻写真:.lpost

无界、大R:.r_box ul li

单栏简约Pro:.list li

万能主题:.article .post


资源下载

zblog信息流广告插件

更新时间:2022-06-22