Pseudo-category-dynamic linkPseudo-classes can be seen as a special class selector, which is a special Selector automatically recognized by browsers that support CSS. Its biggest use is to define different style effects for links in different states.1. SyntaxThe pseudo-class syntax adds a pseudo class to the original s
CSS3 Target pseudo-class has to say those things (plain CSS implements tab switching)Do you think target looks familiar?!This is not the HTML The target pseudo-class is a new property of CSS3.When it comes to pseudo-classes, the CSS properties are sure to know: hover,: Link,: Visited,: Focus, etc., target usage is expa
Base.jsvar $=function ()//Call{return new Base ();};//Object typefunction Base (){ //Create an array to get an array of nodes and nodesthis.elements=[];//privatization, not shared }//Get ID nodebase.prototype.getid=function (ID){This.elements.push (document.getElementById (ID));return this;};//Get element nodebase.prototype.gettagname=function (TAG){var tags=document.getelementsbytagname (tag);For (var i=0;i {This.elements.push (Tags[i]); }return this;};//
Instancea: Link {color:#FF0000;} / * non-visited links * / a:visited {color: #00FF00 Span class= "hl-reserved" >;} /* visited link */ a:hover {color: #FF00FF ;} /* mouse over link */ a:active {color: #0000FF ;} /* selected links */ Note: in CSS definitions, a:hover must be placed after A:link and a:visited to be valid.Note: in the
[Document of the fire School of website construction] Today, a friend asked CSS questions in the group. When talking about the difference between Class and ID, I suggested Baidu. Then he checked a lot of articles, I still don't quite understand it, so I had to give it a one-by-one analysis.Class is the class for setting labels.Id is the identifier of the tag.The
"alt=" Wkiol1byc6siedymaacophzrvrc869.png "/>Four, pseudo-element selectorPseudo-element: First-letter-: First-letter selector to select the first letter of the specified selector-often used for typesetting details such as initials highlighting, sinking, etc.650) this.width=650; "src=" Http://s2.51cto.com/wyfs02/M01/7D/E2/wKiom1byC32ysFjHAACGOSu3dec073.png "title=" Web.png "alt=" Wkiom1byc32ysfjhaacgosu3dec073.png "/>Pseudo-element: First-line-: First-line selector for selecting the first row o
: First-child
Add a style to the first child element of an element
: lang
Add a style to an element with the specified Lang property
Note: In the CSS definition, the same element: hover must be located in: Link,: Visited before it takes effect: active must be in: hover before it takes effect.CSS pseudo-elements (pseudo-elements): Used to set special effects to certain selectors, is to set and manipul
pseudo-classes can only be so? Why is this order?It is important to have a rule in the CSS cascade, which is to overwrite the front, so the order of the pseudo-class needs to be carefully considered."1" link and visited must be in the front, and there is no order, otherwise the effect of link or visited will be overwritten[Note that]link and visited are called static pseudo-classes and can only be applied
, so it is a pseudo element that has been preceded by a two colon in the CSS3 selector. Please see: w3cselect
Here's the problem, so why do we usually use before and a colon before?
When you look at the CSS2 selector, you know, in the old specification, the pseudo class and pseudo element all use a colon, the new specification in order to differentiate, the pseudo element unifies uses two "::", therefore, everybody notices, later writes the CSS3, fo
1. Pseudo-Class selectorsIn CSS, the most commonly used pseudo-class selectors are several selectors that are used on a (anchor) element, and they are used in the following ways:A:link{color: #FF0000; Text-decoration:none}A:visited{color: #FF0000; Text-decoration:none}A:hover{color: #FF0000; Text-decoration:none}A:active{color: #FF0000; Text-decoration:none}2. Ps
Source: http://www.css88.com/archives/744-------------------------------------------------------------------------------------------------IE6 under the link pseudo-class (: hover) CSS background image has a flashing bug, the main reason IE will once again request this picture, or that the picture is not cached.For example:CSS Code
a:hover{background:URL (imagepath)}
Common solutions:Add the f
Focus on the use of After and before:How to becomeThe above directory structure is generated by jstree, we know that there is no tag behind, how to generate it?Very simple, only CSS style can be done: tag element + pseudo-class aftera.task-pack:after{//My style name is this, you can write your own style nameContent: ' Packaged ';Display:inline-block;min-width:10px;PADDING:3PX 7px;margin-left:2px;font-size:1
css| Tutorial | style sheet
classIn order to define the Web page format more accurately, it is necessary to make the same selectors can be categorized, and can be different categories for different style design. The basic format is as follows:
Selector. Category name {property: value}
A category name can be referenced in an character of an HTML ID:
Instance:
ID
ID, which is to send an "id" to the style in HTML text, to ensure that it has
Core tips: Class can be reused and IDs can only be used once in a page. It is possible that using the same ID repeatedly in a large number of browsers will not cause problems, but it is definitely wrong to use on the standard and is likely to lead to some real-world problems with browsers.
Class can be reused and IDs can only be used once in a page. It is possible that using the same ID repeatedly in a lar
: hover--css:hover pseudo class, applies to the cursor (mouse pointer) pointing to an element, but the style when this element is not activated
Grammar::hover
CSS version: CSS2
Citation URL: http://www.dreamdu.com/css/pseudo-class_hover/
Description
Applies to a cursor (mouse pointer) that points to an element, but when this eleme
Link pseudo-class (: hover) CSS background image flashing bug
This problem is often encountered during development. Here, we make a record for the emergency.
The link pseudo-class (: hover) CSS background image under IE6 has a flash bug, mainly because IE will request this image again, or the image is n
Problem Description:Web page Click the "Export" button, save the page table content into an Excel file, but found that the table style cannot be saved Analysis Process:The 1.table table uses class instead of style. The class definition is not exported and the style is exported by writing the color style directly in the style if you change to a style.Style is a pattern, which is used in HTML to mark the attr
Dynamic dynamically change the class and dynamically_layout of the css label of the master _ Layout page body
This function is a function recently implemented by Insus. NET. It is a class that dynamically changes the style css of the master _ Layout page body tag in dynamically.Many views share a master _ Layout page,
JS is often used to dynamically set CSS classes, two methods.1, ClassNameClassName is a string that contains all classes, so adding a delete class is just as good as manipulating a string.Adding classes is simple and straightforwardObj.classname + = ' active ';Remember to add a space.To remove a class, you need to use the string replace function.Obj.className.rep
Recently saw some of the pseudo-class articles and examples, feeling not impressed, today in the project has an effect, write down toThere is a horizontal line in the text two times.1. Page Local Area layoutdiv->span-> kanji (Small type)The class is quote-right on 2.span 3 add its corresponding pseudo-class in CSS.
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.