css前缀匹配,CSS选择器子串

Selenium允许匹配部分字符串以定位特定的Web元素。有三种机制可以使用CSS Selector完成字符串的匹配。

匹配前缀

匹配后缀

匹配子字符串

下面通过一个例子详细介绍每种机制。在开始之前,请准备以下示例代码(index.php ):

Selenium示例™ - 易百教程

Selenium示例

if($_POST){

$username = isset($_POST['username'])? trim($_POST['username']):'';

$password = isset($_POST['password'])? trim($_POST['password']):'';

if($username=='yiibai' && $password = '123456'){

echo "

您好,{$username} !

";

}

}

?>

1.匹配前缀

它允许使用匹配的前缀访问特定的字符串。

语法 :css =

^ - 使用前缀匹配字符串的符号表示法。

Suffix of the string - 基于执行匹配操作的字符串。

例如,上面本地的登录页面的“密码”文本框定义CSS选择器:css=input#password[name^='pass']

单击“在页面中查找目标”按钮,检查定义的CSS选择器是否找到所需的元素。

38ee0c8f03a7c697aa958fa3f8c4ebaa.png

2. 匹配后缀

它允许使用匹配的后缀访问特定的字符串。

语法:css =

$ - 使用后缀匹配字符串的符号表示法。

字符串的后缀 - 基于执行匹配操作的字符串。

例如,上面本地的登录页面的“密码”文本框定义CSS选择器:css=input#password[name$='ord']

单击“在页面中查找目标”按钮,检查定义的CSS选择器是否找到所需的元素。

031792485a2fabb7bdc7c9c5bb163dd8.png

3. 匹配子字符串

它允许使用匹配的子字符串访问特定的字符串。

语法:css =

* - 使用子字符串匹配字符串的符号表示法。

sub string - 基于其执行匹配操作的字符串。

例如,上面本地的登录页面的“密码”文本框定义CSS选择器:css=input#password[name*='word']

单击“在页面中查找目标”按钮,检查定义的CSS选择器是否找到所需的元素。

6176656849a4894ca07de29f2cc14606.png

¥ 我要打赏

纠错/补充

收藏

加QQ群啦,易百教程官方技术学习群

注意:建议每个人选自己的技术方向加群,同一个QQ最多限加 3 个群。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值