没什么用的CSS Selector注意事项

使用Document 对象doc的select选择器时,如果遇到:

<div>
	<div id="astr div">
		str1
		<div>str2</div>
	</div>
</div>

这种情况,使得选择器无法正常识别参数:

doc.select(".astr div div");

这样是不可以的,因为选择器使用的不是贪心算法,所以只识别.astr 为id
这是需要使用具体的选择方式:

doc.select("[id=\'astr div\'] div");

这样才行

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS选择器(CSS selector)是用于选择HTML元素的一种模式匹配语法。它允许开发者通过指定元素的属性、关系和层级关系来选择需要样式化的元素。 以下是常见的CSS选择器类型: 1. 元素选择器:通过元素名称选择元素。例如,使用`p`选择所有段落元素。 2. 类选择器:通过类名选择元素。使用类选择器时,需要在类名前加上一个点(.)。例如,使用`.myclass`选择所有具有`myclass`类的元素。 3. ID选择器:通过元素的ID属性选择元素。使用ID选择器时,需要在ID名称前加上一个井号(#)。例如,使用`#myid`选择具有ID为`myid`的元素。 4. 属性选择器:通过元素的属性选择元素。例如,使用`[type="text"]`选择所有具有`type`属性且属性值为`text`的元素。 5. 伪类选择器:通过元素的状态或位置选择元素。例如,使用`:hover`选择鼠标悬停在上方的元素。 6. 后代选择器:选择特定元素的后代元素。例如,使用`.parent .child`选择类名为`child`且位于类名为`parent`的元素内部的子孙元素。 7. 直接子元素选择器:选择特定元素的直接子元素。例如,使用`.parent > .child`选择类名为`child`且直接位于类名为`parent`的元素内部的子元素。 8. 通用选择器:选择所有元素。使用通用选择器时,可以使用`*`。例如,使用`*`选择所有元素。 这只是CSS选择器的一小部分,还有更多选择器类型可用于根据不同的需求选择HTML元素。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值