zoukankan      html  css  js  c++  java
  • CSS 属性选择器 ~=, |=, ^=, $=, *= 的区别

    1、attribute 属性中包含 value: 

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

    [title~=hello] -->  <h1 title="hello world">Hello world</h1>

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

    [title~=hello] -->  <h1 title="wwwhellodd world">Hello world</h1>

    2、attribute 属性以 value 开头:

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

    [lang|=en] -->  <p lang="en">  <p lang="en-us">

    [attribute^=value] 属性的前几个字母是 value ,例如:

    [lang^=en]  -->  <p lang="enddddd">
    

     3、attribute 属性以 value 结尾:

    [attribute$=value] 属性的后几个字母是value,例如:

    a[src$=".pdf"]  -->  <a src="jjj.pdf">
  • 相关阅读:
    Python之函数进阶
    Python之函数初识
    Python之 文件操作
    数据类型补充
    Python 基础三
    寒假学习第五天
    寒假学习第四天
    寒假学习第三天
    寒假学习第二天
    寒假学习第一天
  • 原文地址:https://www.cnblogs.com/liuting-1204/p/15123678.html
Copyright © 2011-2022 走看看