慕桂英4014372

我想写这个问题的典型答案,因为上面的答案有一个问题。我们的问题这个CSS选择器:.foo将选择具有该类的任何元素。福.如何在XPath中做到这一点?虽然XPath比CSS更强大,XPath没有CSS类选择器的本地等效..然而,有一个解决办法。正确的方法中的等效选择器XPath是://*[contains(concat(" ", normalize-space(@class), " "), " foo ")]功能正规化空间带前导和尾随空格(也用单个空格替换空白字符序列)。(在更一般的意义上)这也相当于CSS选择器:*[class~="foo"],它将匹配任何元素班级,等级属性值是空格分隔的值的列表,其中之一完全等于福.有几种明显但错误的方法XPath选择器://*[@class="foo"]不管用!因为它不匹配有多个类的元素,例如

如果类名周围有额外的空格,它也不匹配:

改进的XPath选择器//*[contains(@class, "foo")]也没用!因为它错误地将元素与类匹配。前叶,例如

归功于这个家伙,他是我在网上发现的最早的解决这个问题的方法:http:/dubinko.info/blog/2007/10/01/简单-空间解析-分离-属性-in-xpath xslt/

css中的xpath,使用XPath选择CSS类相关推荐

  1. 一篇文章教你学会如何使用CSS中的雪碧图(CSS Sprite)

    一篇文章教你学会如何使用CSS中的雪碧图(CSS Sprite) 一.什么是雪碧图? 雪碧图(CSS Sprite)又叫CSS精灵图,是一种网页图片应用处理方式,他允许你将一个页面设计到 所有零星图片 ...

  2. css中 media的用法,如何在css中正确使用@media

    如何在css中使用@media作为特定分辨率?所以我想让我的侧栏更改取决于用户分辨率,所以我使用@media.如何在css中正确使用@media 这是示例代码: @media (max-width: ...

  3. css如何设置文本垂直居中显示,css中怎么设置文本居中?css文本垂直居中的设置方法...

    在网页设计的过程中,有时候可能为了布局美观可能需要让文本居中,那么,怎么设置文本居中呢?本篇文章将给大家介绍关于css设置文本垂直居中的方法. 首先我们要知道通过css实现元素的水平居中较为简单:对文 ...

  4. css中在图片上加透明,css 给图片添加滤镜效果,透明层毛玻璃效果

    我们用的第一个滤镜是sepia(),他会给图片增加一整降饱和度的橙色染色效果 原图 添加sepia滤镜的效果 img{ width:100%; transition: .5s filter; filt ...

  5. Vue3新属性 — css中使用v-bind(v-bind in css)

    Vue3新属性:CSS 中的 v-bind() 写在前面: 本文主要介绍Vue3中的新增的v-bind()的常用使用方式,主要包括在css,less,scss中的使用,可以参考官方文档查看:Vue3官 ...

  6. html首行缩进在CSS中的代码,如何在div+css实现首行缩进

    用word文档实现段落首行缩进是一件相当容易的事,你只需打开段落对话框,在里面进行相关设置即可.那么在div+css中该如何实现呢?今天我们一起来学习一下. 所谓首行缩进,就是每段前空两个汉字.所以在 ...

  7. css中两行图片整齐排布,css 标题一行图片 两行文字的排列方法以及相关问题处理...

    今天就遇到了这么一个效果,代码原理比较简单就是图片float:left;,但是如果在做一个比较复杂的模板时,有可能遇到很多问题,使标题文字不能和图片对齐. 今天遇到一个问题,错误效果如下 正确显示应为 ...

  8. css中 盒模型的属性包括(),css的盒子模型属性有哪些?css盒子模型相关属性的介绍...

    本篇文章给大家带来的内容是关于css的盒子模型属性有哪些?css盒子模型相关属性的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 1.盒子模型图 2.一个简单的盒子模型 box. ...

  9. css中设置首字下沉效果,CSS如何实现首字下沉效果?

    我们在开发 web 页面时,如果是涉及到文字段落的开发,需要对文字设置一些特殊样式以增强 web 页面美观,提升用户体验度.那么今天 w3cschool 小编来教大家 CSS 如何实现首字下沉效果. ...

  10. 前端开发css中怎么让图片居中?css图片居中的方法总结

    在进行网页布局的时候,有时候图片的位置可能会影响整个页面的美观程度,所以对于图片的放置位置就得变化,那么,接下来的这篇文章将给大家来介绍关于图片在网页中如何使用css实现居中的方法,对于有需要的朋友来 ...

最新文章

  1. 在IBatisNet中使用存储过程
  2. 去掉字符串里特殊字符的正则表达式方求
  3. ConditionObject源码
  4. mysql write rows_解析MYSQL BINLOG 二进制格式(5)--WRITE_ROW_EVENT
  5. 95-080-058-源码-启动-启动taskexecutor
  6. gnuplot读取mysql数据库_Tpcc-MySQL测试并使用gnuplot生成图表
  7. 内置炊具行业调研报告 - 市场现状分析与发展前景预测
  8. 关于智能家居的四大思维误区 并非你想的那样
  9. 关于WordCount的作业
  10. 初识BoundSQL
  11. Zookeeper ipv6的坑
  12. linux驱动 平台设备驱动模型
  13. 什么是数字证书?数字证书在哪办理?
  14. Color-UI 简介及使用教程
  15. TCP|IP+WIFI无线远程网络RFID|NFC读卡器HX530-Q-A系列Server网络模式与 Client网络模式设置说明
  16. iframe是什么?iframe用法详解
  17. 计算机教学研修心得英语,网络研修培训心得体会(精选5篇)
  18. python游戏csgo开挂_V社:用深度学习检测CSGO中的开挂行为
  19. CVE-2017-8570漏洞利用
  20. 使用 Power Query 制作工资条

热门文章

  1. webhooks_在本地开发时如何测试Webhooks
  2. 137_Power BI 自定义矩阵复刻Beyondsoft Calendar
  3. 一篇好的技术博文,快速让你通俗理解Python闭包!
  4. 并发服务器模型——单进程服务器
  5. 如何理解np.sum tf.reduce_sum( tf.reduce_max tf.reduce_mean)等对tensor和高维矩阵的axis选择的操作
  6. jquery $加一个点后面加个名称的意思
  7. 开发人员指南 Googlemap API教程
  8. [Java] Spring事务REQUIRES_NEW导致项目没有响应-原因DB maxActive没设置
  9. 深度学习-tensorflow1.x之交叉熵损失函数(softmax_cross_entropy_with_logits)代码实现 Tensorflow1.x 和 Numpy
  10. np.cross函数详解