安云网 - AnYun.ORG | 专注于网络信息收集、网络数据分享、网络安全研究、网络各种猎奇八卦。
当前位置: 安云网 > WordPress技巧 > 使用WP-AutoPost设置采集规则,如何设置CSS选择器

使用WP-AutoPost设置采集规则,如何设置CSS选择器

时间:2019-05-19来源:未知 作者:安云网点击:
要使用WP-AutoPost设置采集规则,只需要掌握基本的CSS选择器知识即可。 如需学习更多可以参考 http://www.w3c-schools.com 基础选择器 选择器示例 含义 h1 标签选择器,匹配所有使用h1标签的元素 a 标签选择器,匹配所有使用a标签的元素
//内容来自安云网

要使用WP-AutoPost设置采集规则,只需要掌握基本的CSS选择器知识即可。

FROM ANYUN.ORG

如需学习更多可以参考http://www.w3c-schools.com

基础选择器

选择器示例含义
h1标签选择器,匹配所有使用<h1>标签的元素
a标签选择器,匹配所有使用<a>标签的元素
.infoclass选择器,匹配所有class属性等于info的元素
#infoid选择器,匹配所有id属性等于footer的元素

class选择器前面有 号,  .some_word

id选择器使前面有 # 号, 如 #some_word

例如某篇文章的标题HTML代码如下:

使用WP-AutoPost设置采集规则,如何设置CSS选择器

因此该文章标题的CSS选择器就是  .entry-title

如果是:

使用WP-AutoPost设置采集规则,如何设置CSS选择器

该文章标题的CSS选择器就是  #artibodyTitle

例如某篇文章的正文内容HTML代码如下:

使用WP-AutoPost设置采集规则,如何设置CSS选择器

该文章内容的CSS选择器就是  .entry

top

后代元素选择器

选择器示例含义
div  p匹配所有在<div>元素内部的<p>标签元素
div  li  a匹配所有在<li>元素内部的<a>标签元素,并且<li>元素又在<div>元素内部
.contList  a匹配所有在 class属性等于contList元素内部 的<a>标签元素
#contList  a匹配所有在 id属性等于contList元素内部 的<a>标签元素
#contList  li  a匹配所有在 <li>元素内部的<a>标签元素,并且<li>元素又在 id属性等于contList元素内部 

后代元素选择器,每个元素之间用空格隔开

例如要设置文章来源选项卡里的文章网址CSS选择器,文章列表网址里每篇文章超链接HTML代码如下:

使用WP-AutoPost设置采集规则,如何设置CSS选择器

因为每篇文章的网址(a 标签)都在class=“contList”的元素内部,所以该文章网址CSS选择器可以设置为  .contList  a

在上面例子中因为<a>标签也在<li>标签内部,因此也可以设置为 .contList  li  a

同理<li>标签又在<ul>标签内部,因此也可以设置为 .contList  ul  li  a

以上3个设置都是等价的。


本文标题: 使用WP-AutoPost设置采集规则,如何设置CSS选择器 安云网
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
验证码: 点击我更换图片
相关内容
推荐内容