CSS属性选择器*=,|=,^=,$=,*=的区别

本文介绍HTML属性选择器的使用方法,如~=、|=、^=、$=等,以及JavaScript中==与===的区别。针对不同类型的比较,详细解释了两者之间的差异。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

要求value是完整单词类型的比较符号:~=,|=

拼接字符串类型的比较符号:*=,^=,$=

1.attribute属性中包含value: 

    [attribute~=value] 属性中包含独立的单词为value

    e.g:[title~=flower]  -->  <img src="/i/eg_tulip.jpg" title="tulip flower" />

    [attribute*=value] 属性中做字符串拆分,只要能拆出来value这个词就行

    e.g:[title~=flower]   -->  <img src="/i/eg_tulip.jpg" title="ffffflowerrrrrr" />

 

2.attribute属性以value开头:

  [attribute|=value] 属性中必须是完整且唯一的单词,或者以-分隔开

    e.g:[lang|=en]     -->  <p lang="en">  <p lang="en-us">

  [attribute^=value] 属性的前几个字母是value就可以

    e.g:[lang^=en]    -->  <p lang="ennn">

 

3.attribute属性以value结尾:

  [attribute$=value] 属性的后几个字母是value就可以

    e.g:a[src$=".pdf"]

 

 原文地址:https://www.cnblogs.com/gugege/p/6340422.html

附加看到的博文:  http://blog.sina.com.cn/s/blog_4b32835b01014iv9.html

js ==与===区别(两个等号与三个等号)

1、对于string,number等基础类型,==和===是有区别的

1)不同类型间比较,==之比较“转化成同一类型后的值”看“值”是否相等,===如果类型不同,其结果就是不等
2)同类型比较,直接进行“值”比较,两者结果一样
 
2、对于Array,Object等高级类型,==和===是没有区别的
进行“指针地址”比较
 
3、基础类型与高级类型,==和===是有区别的
1)对于==,将高级转化为基础类型,进行“值”比较
2)因为类型不同,===结果为false

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值