分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

CSS之选择器

发布时间:2023-09-06 01:40责任编辑:胡小海关键词:CSS选择器

选择器(selector)是CSS中的重要概念,用于对HTML元素的查找和控制。由于Selenium学习需求特对选择器相关知识进行学习和总结,方便以后查阅。

基本选择器

  基本选择器是jQuery中最常用的选择器,通过元素id、class和标签名等来查找元素

基本选择器
选择器描述
#id根据给定的id匹配一个元素
.class根据给定的类名匹配元素
element根据给定的元素名匹配元素
*匹配所有元素
selector1,selector2...集合元素

层次选择器

  通过元素之间的层次关系来获取特定元素

层次选择器
选择器描述
$("ancestor descendant")选取ancestor元素里所有descendant元素
$("parent > child")选取parent元素下的child元素
$("prev + next")选取prev后下一个同辈next元素
$("prev ~silblings")选取prev元素后的所有siblings元素

过滤选择器

基本过滤选择器
选择器描述
:first选取第一个元素
:last选取最后一个元素
:header选取所有标题元素
:animated 选取当前正在执行动画的所有元素
 :focus选取当前获取焦点的元素
:not(selector)选取不包含selector选择器的元素
:even选取索引为偶数的所有元素
:odd选取索引为奇数的所有选手
:gt(index)选取索引大于index的元素
 :lt(index)选取索引小于index的元素 
 :eq(indx)选取索引等于index的元素
内容过滤选择器
选择器描述
[attribute]选取拥有该属性的元素
[attribute=value]选取属性值为value的元素
 [attribute!=value]选取属性值不为value的元素
[attribute^=value]选取属性值以value开始的元素
[attribute$=value]选取属性值以value结束的元素
[attribute*=value]选取属性值中包含value的元素
[attribute|=value]选取属性等于value或以该字符串为前缀的元素
[attribute~=value]选取属性用空格分割的值中含有value的元素
[attribute1][attribute2][...]选取索引为奇数的所有选手

CSS之选择器

原文地址:https://www.cnblogs.com/xiaobingqianrui/p/8398436.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved