简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home> Web Front-end> HTML Tutorial> body text

伪类（before和after在这里）_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 11:43:06
Original
1396 people have browsed it

一、before和after伪类

  • before 在之前插入样式

    • 结果演示

  • after 在之后插入样式

    • 结果是

    二、root伪类

    设置最底层的样式，可用于插入背景图片

    三、

  • input：enabled{......} 设置所有已启用的input元素
  • input：disabled{......} 设置并且禁止对应的input元素

    • 四、css：: selection 如：p：: selection{.......}

    伪类选择器用于突出显示的页面用户选择的任何部分，包括可编辑文本字段中的文本

    五、反伪类选择器

  • E:not(s) 匹配不符合当前选择器的任何元素

    • 六、target伪类

    用于匹配连接到同一页面的某个位置中

    上面结果第点击对应的a连接则会自动跳转到对应的div并改变其样式

    Related labels：
    伪类（before和after在这里）
    source：php.cn
    Previous article：CSS 清除浮动的几种方式_html/css_WEB-ITnose Next article：Css实现垂直水平居中的六种方法_html/css_WEB-ITnose
    Statement of this Website
    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
    Latest Articles by Author
    Latest Issues
    Replace input type=file with image Like a lot of people, I want to customize the ugly inputtype=file, and I know it can't be ...
    From 2023-10-13 13:47:35
    0
    1
    219
    When using BeautifulSoup for web crawling, the find_previous_sibling function does not work properly. I'm trying to extract several values from the website (https://carone.com.uy/autos-usado...
    From 2023-09-19 11:33:53
    0
    1
    301
    Vue 2 production code debugging using debugger statements I want to be able to detect if the user has the developer tools opened in my Vue2webapp. I...
    From 2023-09-11 21:35:26
    0
    1
    249
    Add different classes to dynamically created elements I have an array of objects where each object has a textValue, an active, info etc. I will ...
    From 2023-09-11 13:34:46
    0
    1
    246
    Why does this paragraph link look so trendy? I've attached some code here, I recently added a link to my portfolio website and the para...
    From 2023-09-07 15:37:04
    0
    2
    284
    Related Topics
    More>
    Popular Recommendations
    Popular Tutorials
    More>
    Related Tutorials
    Popular Recommendations
    Latest courses
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template
    About us Disclaimer Sitemap
    php.cn：Public welfare online PHP training，Help PHP learners grow quickly！