Use the css class name intersection compound selector "Turn", css "Turn"
A compound selector is a set of two or more basic selectors that are connected in different ways, including the intersection selector, Union selector, and descendant selector.
Intersection Selector
The intersection compound selector is composed of two selectors connected directly. The resu
Please note that some CSS pseudo class properties are not supported by all browsers, but there are four pseudo classes that can be safely used on links Pseudo class like the latch that specifies the selector State or association selector. They are in the form of: SELECTOR:PSEUDONBSP;CLASSNBSP;{NBSP;PROPERTY:NBSP;VALUE;NBSP, which uses a colon between the selecto
CSS pseudo-class before and after applications, css pseudo-beforeafter
I have seen some articles and examples about pseudo classes recently, but I am not very impressed. I have made some achievements in my project today.
There is a horizontal line in the text twice.
1. Partial page layout
Div-> span-> Chinese characters (small apartment)
2. The
Csspseudo-classesareusedtoaddspecialeffectstosome selectors. A CSS pseudo class can be used to add special effects to some selectors. Hyperlink How to add a different color to a hyperlink in a document thisexampledemonstrateshowtoadd Differentcolorstoahyperlinkinadocument. examples instance:
The code is as follows
Copy Code
Source Code to Run []a:link {color: #FF0000}a:vis
Http://www.8go8.com/blog/post/20060612013036.html)
These two differences are confusing, especially the class and ID. I believe many people have not carefully understood the differences. Some of my understandings are as follows:1. Differences between class and IDA class is used to define one or more elements according to user-defined standards. For example, a scr
Basic CSS knowledge (color, pseudo class, Box Model), css
6, Set the color unit
L normal English word {color: attribute value red ;}
This method is simple and convenient. However, different colors may be displayed in different browsers.
* Primary colors-red, green, and blue
L octal color
Format: rgb (number,Number,Number), The number range is 0 ~ 255 r Red g gree
The reason why the parent class clears the floating (clear the floating code and place it in CSS for easy calling), floating css
Floating factors are often applied in the production of static Web pages. For example, to make block-level elements not exclusive to a row, float is often applied. However, the application will find that, after the subclass floating is
A Pseudo class (pseudoclasses) is a bolt of a selector that specifies the state of a selector that is or is related to it. They are in the form of selector:pseudoclass{property:value;, simply separating the selectors and pseudo classes with a half-width English colon (:). Many of the suggestions for CSS are not supported by browsers, but there are four of them that can be used securely on connections. li
The pseudo class of CSS, css
1.
: Link: Add styles to unaccessed links
: Visited adds a style to the accessed Link
: Hover: Add a style to the element when the mouse is hovering over the element
: Active adds a style to the activated element (clicked)
When the above four pseudo classes are used for hyperlinks, a: hover must be after a: link and a: visited, a: act
You can define your own selectors with class selector classes and identity selector IDs.
The advantage of this is that depending on the class or ID, you can perform the same HTML elements differently.
In CSS, the class selector precedes a half-width period (.), and the ID is preceded by a half-width English pound s
The class in CSS is designed to facilitate filtering (that is, selecting) elements to add styles to such elements, which are defined in the HTML document tree.But this is not enough in some cases, such as the user's interaction (hover, activation, etc.) can cause the state of the element to change, class is powerless for these dynamic changes.For this reason,
I. css sliding door
Sliding Doors are not a brand new technique. They leverage the layering of background images and allow them to slide over each other to create special effects.
① Layer-3 nesting:
2. Two layers of nesting:
** Highly scalable, with layer-3 nesting
** The expansion requirement is not high. Two layers of nesting are used.
③ Sliding door instance:
Ii. rounded corners
Css3: border-radius: 9px incompatible with ie
Layer-3 Ne
, the parent element contains only one child element, and the child element matches E.11:e:only-of-type, the selection parent element contains only one child element of the same type, and the child element matches the E12:e:empty: Selects an element that has no child elements and does not contain a text node.
Negation pseudo-Class selector:E:not (f), matches all E elements except F.
Property selector:1.E[ATTR]: Select match E element with attr att
. (This is self-understanding, unofficial explanation).
Language pseudo-Class selector:E:lang (language): Selects all elements that match E, and the matching element has the lang attribute, and its value is language.There are two ways to set up a document language. First, if you use HTML5, you can set this:or manually specify in the document:lang= "fr">
UI element State pseudo-class selector:E:checked
It is generally used in the following situations:
Test001.jsp
When two styles are used, separate them with spaces.
Test002.jsp
------------------------------------------------------------------Priority:
Icocom has a higher priority than ico001
------------------------------------------------------------------
Benefits:
CSS file
Div # contents h1.ico001 {
}
Div # contents h1.ico002 {
}
Div # c
Official explanation:[attribute^=value],a[src^= "https"], select each [attribute*=value],a[src*= "abc"], select each with [class*= "icon-"], [class^=icon-] After testing found that value can be added double quotation marks, can not add, the effect is consistent.Reference:Http://www.w3school.com.cn/cssref/css_selectors.aspCSS selector ([class*= "icon-"], [
css| Specification | A normalized web developer can identify the div and other formatting page elements by creating the class and ID names of the CSS and using those names. For developers, when naming CSS selectors for redefining XHTML tags (tags), you must ensure that they match exactly the predefined tags, but in ter
CSS pseudo-classes are used to add special effects to certain selectors.CSS Pseudo-class (pseudo-classes) instances:
Hypertext links
This example shows how to add a different color to a hyperlink in a Document.
Hyperlink 2
This example shows how to add additional styles to Hyperlinks.
Hyperlinks-: Use of focus
This example shows
standard usage in Web page making Div+css naming rules that can improve the effectiveness of optimization especially when teamwork can provide collaborative production efficiency, specific DIV CSS Naming conventions css naming encyclopedia content article. Common div+css named Daquan collections, which are
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.