简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW)
Home > Web Front-end > HTML Tutorial > body text

The similarities and differences between :before and ::before

零下一度
Release： 2017-06-24 11:28:07
Original
1675 people have browsed it

  • Same points

    1. can be used to represent pseudo-class objects, used to set The content before the object

    2. :before and ::before writing are equivalent

  • Differences

    1. ##:before is the writing method of Css2, ::before is the writing method of Css3

    2. :before has better compatibility than ::before, but it is recommended to use ::before in H5 development

Notes:

Pseudo-class objects should be used together with the content attribute

Pseudo-class objects will not appear in the DOM, so they cannot be operated through js. They are only added to the CSS rendering layer

Pseudo-class objects Special effects usually use the :hover pseudo-class style to activate



##.test:hover:: before {
/* This is when animation and transition take effect */ }

The above is the detailed content of The similarities and differences between :before and ::before. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
before the difference
source：php.cn
Previous article：Tag attribute classification (element object attributes) example tutorial Next article：Summarize front-end website resources
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 [email protected]
Latest Articles by Author
Latest Issues
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 "<" after the element with class='btn' and replace the original content after the element is :hover:after The output on ':hover' is always "1IPSUM" If I decide to add a ':before' element...
From 2023-09-09 12:32:51
0
2
319
Remove custom post type and redirect to home page I'm using get_delete_post_link to delete a custom post from the frontend, but after deleti...
From 2023-09-04 12:16:33
0
2
188
CSS animation won't fade away I'm trying to solve a simple animation problem where a background image fades in and out o...
From 2023-08-18 16:45:01
0
1
227
Custom drop-down arrow Is it possible to change the select tag's dropdown arrow to a custom arrow consisting of 4...
From 2023-08-17 17:52:04
0
1
236
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！