How to differentiate pseudo-class and pseudo-class Elements
Some time ago, when I was writing a webpage, I used the pseudo element of CSS: after to implement the style, so I relived the pseudo class and pseudo element. It is usually used out during implementation, but it is
First, the characteristics of one: can not around: empty Pseudo-classThere is a pseudo-class in the CSS3 selector, which means that when there is nothing :empty in the element (including spaces, wrapping in tags), the relevant style is applied. In the modern web page development and production, it is very common and very convenient.For example, an element class name is .box the following HTML and CSS:. box
Pseudo-classes and pseudo-elements are independent of the document structure. The way they get the elements is not based on the element characteristics of the ID, class, attribute, but on the element that is in a special state (pseudo-Class), or the element's special content (pseudo-element). The difference is summariz
Deep understanding of CSS pseudo classes and deep understanding of css pseudo* Directory [1] ANCHOR [2] UI element [3] structure pseudo class [4] Other prefix
Pseudo classes are often confused with pseudo elements. The effect of pseudo
The magic effect written by the pseudo elements before and after, and the pseudo element beforeafter
Everyone knows that before and after can write a lot of good results. Today, I accidentally saw a good one. I wrote it by the way and reviewed the differences between pseudo elements and pseudo classes, domo address: h
How to differentiate pseudo-elements-when the purple little yellow person was writing a webpage some time ago, the CSS pseudo element: after was used to implement the style, so I revisited the pseudo classes and pseudo elements. It is usually used out during implementation, but it is a bit confusing to distinguish the
First, read the w3c definition of both:
css Pseudo-classes are used to add special effects to certain selectors.
css Pseudo elements are used to add special effects to certain selectors.
Can be clear two points, the first two are related to selectors, the second is to add some "special" effect. The special point here is that the two describe css somet
one:: Before : usage of after: BeforeAs with the name of a pseudo-element, :before it is used to insert new content before the content of the specified element. To illustrate:. Before:before{content: ' You before '; color:red;} class= "before"> mediv>Here we add a property to the pseudo-element :before content and assign the value to you before . Let's look at the effect:menew content was added before the
This article shows you the pseudo-class and pseudo-elements of CSS, the introduction of a very comprehensive, recommended here for everyone to refer to.Pseudo classThe pseudo-class selection element is based on the state in which the current element is present, or the attributes that the element currently has, not the static flags of the element's ID, class, attr
Some time ago when writing web pages, using the pseudo-elements of CSS: After to implement the style, so revisit the pseudo-class and pseudo-elements. The time to realize it is to take it out, but it's a bit confusing when it comes to distinguishing between the two concepts.First, look at W3s's definition of pseudo-cla
CSSPseudo-classes are used to add special effects to certain selectors.
CSSPseudo-elements are used to add special effects to certain selectors.
Can be clear two points, the first two are related to selectors, the second is to add some "special" effect. The special point here is that the two describe css something else that cannot be described.Pseudo-Class typesPseudo element KindDifferenceThis :first-child is compared by pseudo-class and
Pseudo-Class in 1.CSS
CSS pseudo-classes are used to add special effects to certain selectors.
Grammar:selectorpseudo-class{property: value}CSS classes can also be used in conjunction with pseudo-classesselector.class: pseudo-class {property: value}As in the following section of code:a#FF0000}a class="red
In the introduction of
pseudo-StaticAfter the addition of two nouns, parsing static URLs: pure static HTML document, can use filetype:htm query to the Web page, dynamic URL: Content in the database, according to the requirements to display content, URL in the? # Show different parameters, such as: news.php? lang=cnclass=1id=2
pseudo-Staticis relatively true and static in terms of.First, what is static tec
The effect of a pseudo-class can be achieved by adding an actual class, while the effect of the pseudo-element needs to be achieved by adding an actual element.Here's an example of this sentence.Pseudo-Class: First-childUse pseudo-class to select the first paragraphDiv P:first-child{background-color:orang;}If we do not use ps
Install the Apache pseudo-static plug-in IIS and the iisapache pseudo-static plug-in. The Apache pseudo-static plug-in is installed in IIS. iisapache pseudo-static Apache and IIS have their own pseudo-static operation methods respectively. what if you need to use
Using HTML5 and CSS3 to develop a cool web page, so for a web front-end developer, CSS3 is also necessary to master, the following discussion with you about CSS3 pseudo-class selectors and pseudo-elements.Class SelectorIn CSS, you can use the class selector to define the same elements as different styles. Like what:P.left{text-align:left}P.rigth{text-align:right}Pseudo
Define a style for a linkA:link indicates that the link has not been visited, the mouse has not been crossed and clickedA:visited represents a link that has been visitedA:hover represents a link to the mouse strokeA:active means the active link, that is, the moment the mouse clicks on the linkNote that the above four linked pseudo classes in the use of a certain order, that is the order listed above, otherwise do not see the effect. It can be simply w
Pseudo classPseudo-classes are similar to classes but do not have class-attached tags. Pseudo-classes are divided into UI pseudo-classes and structured pseudo-classes.UI pseudo-Class
: Link (adds a style to a link that has not been accessed)
: visted(the style h
Pseudo-classes and pseudo-elements are independent of the document structure. The way they get the elements is not based on the element characteristics of the ID, class, attribute, but on the element that is in a special state (pseudo-Class), or the element's special content (pseudo-element). The difference is summariz
. Net implements pseudo-static and its significance, and. net implements pseudo-static
Use of pseudo-static:
The search engine does not include websites with question marks. Because the search engine is afraid of endless loops due to question marks, it is called the "Search robot trap", many address search engines with question marks will not go in.
For websites
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.