Home  >  Article  >  Web Front-end  >  Pseudo class (before and after here)_html/css_WEB-ITnose

Pseudo class (before and after here)_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:43:061474browse

1. Before and after pseudo-classes

  • before Insert style before
  • Result demonstration

  • after Insert style after
  • The result is

    2. Root pseudo-class

    Sets the lowest-level style, which can be used to insert background images

    3.

  • input: enabled{......} Set all enabled input elements
  • input: disabled{......} Set and disable the corresponding input element
  • 4. css::selection Such as: p::selection{... ....}

    The pseudo-class selector is used to highlight any part of the page that the user selects, including text in editable text fields

    5. Anti-pseudo-class selector

  • E:not(s) matches any element that does not match the current selector
  • 6. Target pseudo-class

    is used to match a location connected to the same page

    corresponding to the click of the above result The a connection will automatically jump to the corresponding div and change its style

    Statement:
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn