Substring matching attribute selectors

사용 가능한 선택자 타입

• DEVDIC-Specified Data Types

  '[' <attr-substring-matching> ']'

  class 애트리뷰트의 값이 'my'로 시작하는 요소를 선택자로 사용한다.

  
  

  src 애트리뷰트의 값이 'png'으로 끝나는 경우에 선택자로 사용한다.

  
  

  title 애트리뷰트의 값이 'like'를 포함하는 경우 선택자로 사용한다.

포함된 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.

• <attr-substring-matching>

  DEVDIC-Specified Data Types
  • DEVDIC-Specified Data Types

    <wq-name> <attr-matcher> [ <string-token> | <ident-token> ]

  Details

  포함된 타입

  • <attr-matcher>

    연산자	형식	선택자 대상	예
    =	[att=val]	애트리뷰트(attribute)의 값이 완전히 일치해야 한다.	[type="email"]
    ~=	[att~=val]	애트리뷰트(attribute) 값의 공백으로 구분된 토큰 목록중에 "val" 이 포함되어야 한다. "val"에 공백이 포함되어 있거나 빈 문자열이면 무효가 된다.	[class~="my"]
    |=	[att|=val]	애트리뷰트(attribute)의 값이 정확히 "val"이거나 "val" 바로 뒤에 "-"(U+002D)으로 시작해야 한다. 애트리뷰트(attribute)의 값에 하이픈이 포함된 경우에 활용도가 높다.	a[hreflang|="en"]
    ^=	[att^=val]	애트리뷰트(attribute)의 값이 "val"을 접두사로 시작해야 한다. "val"이 빈 문자열이면 무효가 된다.	[type^="image/"]
    $=	[att$=val]	애트리뷰트(attribute)의 값이 "val"을 접미사로 끝나야 한다. "val"이 빈 문자열이면 무효가 된다.	a[href$=".html"]
    *=	[att*=val]	애트리뷰트(attribute)의 값에 하위 문자열 "val"이 하나 이상 포함되어야 한다. "val"이 빈 문자열이면 무효가 된다.	[title*="hello"]

     

    • Selectors Level 4

      [ '~' | '|' | '^' | '$' | '*' ]? '='

  • <wq-name>

    • Selectors Level 4

      <ns-prefix>? <ident-token>

      애트리뷰트가 선언되어 있는 대상을 선택자로 사용한다.

    Details

    포함된 타입

    • <ns-prefix>

      • Selectors Level 4

        [ <ident-token> | '*' ]? '|'

      Details

      포함된 타입

      • <ident-token>

        Ident Token Railroad Diagrams

    • <ident-token>

      Ident Token Railroad Diagrams

      Details 기능이 없다면 사용되는 타입이 동일한 타입을 사용하는 다른 항목에서 설명하거나 없는 경우이다.

      타입에 대한 자세한 설명은 다음 링크를 참조하라.[<ident-token>]

  • <ident-token>

    Ident Token Railroad Diagrams

  • <string-token>

    String Token Railroad Diagrams