首页 > 文章资讯 > 技术教程 > zblog教程 > zblog信息流广告插件元素选择器教程

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

时间：2023年05月21日

来源：网络

编辑：佚名

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广告插件信息流广告广告伪装成普通文章
https://app.zblogcn.com/?id=29882

新闻资讯更多

猜你需要