CSS3 Important Content Translation

Source: Internet
Author: User

the above is nonsense1.3 Not fully confirmed here, compared to CSS3 and CSS3 selectors, the differences include:
    • Basic definition changes (selectors, selector groups, simple selectors, etc.), especially, as simple selectors in css2, are now being used as simple selector sequences, "simple selectors" as part of this sequence.
    • Allows an optional namespace to be added on the element type selector, the universal selector, and the type selector.
    • A new combo device.
    • A new simple selector, including substrings that match the property selector, and a new pseudo-class
    • New pseudo-classes, and for pseudo-classes:: Writing habits
    • Syntax rewriting
    • Integration selector, definition selector collection
    • The selector is a CSS3 module and is declared separately. Can other claims be linked to this document?
    • Claims have their own unique test components
1.4 Selector
format css level
* all elements 2
e e-type selector 1
e[foo] e, with foo attribute 2
e[foo= "Bar"] e with foo attribute and value exactly equal to bar 2
e[foo~= "bar"] e, with foo attribute, value is a series of separated by spaces, one of which is exactly equal to bar 2
E[foo^= "Bar"] E, with the Foo attribute, whose value starts with bar 3
E[foo$= "Bar"] E, with the Foo attribute, whose value ends at bar 3
E[foo*= "Bar"] E, with the Foo attribute, whose value contains bar 3
E[foo|= "en"] E, with the Foo attribute, whose value contains a series of-delimited words (starting from the left) and beginning with en (for example: lang Pseudo-class: Html:lang (fr-be), Html:lang (DE)) 2
E:root E, document root node 3
E:nth-child (N) Nth child node of E 3
E:nth-last-child (N) E from the last child to the bottom of the nth child node 3
E:nth-of-type (N) The nth sibling of type E 3
E:nth-last-of-type (N) E from the last child forward to the nth type of sibling node 3
E:first-child The first child node of E 2
E:last-child The last child node of E 3
E:first-of-type The first brother of the type of E 3
E:last-of-type The last sibling node of type E 3
E:only-child E's only one child node 3
E:only-of-type The only one sibling node of type E 3
E:empty No child nodes (also including text nodes) of the E 3
E:link E, as the anchor point of the hyperlink, whose target has not been accessed 1
e:visited Or have been visited 1
E:active E in the activation state of a user operation The
E:hover
E:focus
E:target E, as the target of a URI mentioned 3
E:lang (FR) E in FR language (document language determines the current page in what languages) 2
E:enabled Element e on the user interface, available or disabled 3
E:disabled
E:checked Element e on the user interface, selected (e.g., Radio box, multi Box) 3
E::first-line The first line of the formatted E 1
E::first-letter The first letter of the formatted E 1
E::before Create content before the E element 2
E::after Create content after the E element 2
E.warning An element with class warning E 1
E#myid An element with an ID of myID E 1
E:not (s) E, does not conform to the simple selector s 3
E F E's descendants F 1
E > F E's child F 2
E + F f element, followed by E 2
E ~ F f element, preceded by an E 3
3. Not sensitive to case? 4, a simple selector, may be type selector, universal selector, property selector, class selector, ID selector or pseudo-Class 6, with namespace CSS notation:
    • ns| E in the NS namespace
    • *| E in any (or none) namespace
    • | E with no namespace
    • E If there is no default namespace declaration, equivalent to *| E; otherwise equivalent to ns| E,ns as the default namespace
9. CSS calculation rules      *              0     tag     &NBS P    1     .class     10     id          100

Contact Us

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.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.