css selectors

Combination mode Distinguish Source Effect descendant picker NBSP; Spaces delimited Descendant Picker matches all descendant elements of the worthy element. Child element Selector Separated by greater than sign Child selectors can only select elements that are child elements of an element, as compared to descendant

1. Include selector (a f) Select all F elements that are contained by the A element, separated by a space2. Sub-selectors (a>f)Select all of the direct child elements f that are elements of a, which do not work on the deeper layer of the element, expressed in curly braces.3. Adjacent selectors (a+f)Select the F element that adheres to the a element, denoted by a plus sign. Select the adjacent first sibling

Css HTML has tags, CSS has selectors. Selectors are named for styles inside and outside styles. Each selector has attributes in {}, such as simple dots like color,font-weight or background-color. The value is followed by a colon (not equal sign) and the semicolon separates the attribute. Body {Font-size:0.8em;Color:

This article describes the basic CSS syntax and derived selectors.Code collated from w3school:http://www.w3school.com.cn(i) Basic parts:：CSS: Basic syntax and derivation selectors

-type P:first-of-type Select each 3 : Last-of-type P:last-of-type Select each 3 : Only-of-type P:only-of-type Select each 3 : Only-child P:only-child Selects each 3 : Nth-child (n) P:nth-child (2) Selects each 3 : Nth-last-child (n) P:nth-last-child (2) Ditto, counting from the last child element. 3 : Nth-of-type (n)

, for the HTML document, is the HTML element;2) Nth-child (n): matches the nth child element of its parent element, the first number is 1;3) Nth-last-child (n): Similar to: Nth-child (), but only matches elements that use the same label;4) Nth-of-type (n): Similar to: Nth-last-child (), but only matches elements that use the same label5) Nth-last-of-type (n): matches the last child element of the parent element, equivalent to: Nth-last-child (1)6) Last-child7) First-of-type8) Last-of-type9) Only

for good measure. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu A. Ut enim ad minim veniam, quis nostrud exercitation Ullamco laboris nisi Ut aliquip ex ea commodo consequat. Duis aute irure dolor in Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur Sint Occaecat Cupidatat non proident, sunt in culpa qui officia deserunt mollit anim ID est laborum.Li> Li>And here are number four

Note: √ means full support Delta means yes, but some questions exist. The effect is obviously not supported. I. Support for CSS pseudo classes: 2. Support for (selector) selectors After reading the list above, I don't know if you have found a problem. IE6's support for the. class selector turned out to be Delta. I wonder if I didn't find any problems when I used. Class in IE6. Here, how can it be Delt

Tag Selector, ID selector, class selector these three are simple, nothing to say.The sub-selector has to be said.Above a UL, if the corresponding CSS code is:. Food>li{border:1px solid red;}So what's the effect?The. Food>li chose food. The elements of this class contain the first generation of Li elements, the first generation, not the first one, nor all of them.What is called the first generation.Similar to this. Food li{border:1px solid red;}There i

; Li> Li>Menu 3Li> Li>Menu 4Li> ul>The CSS is as follows:@bgcolor: #86ffff; @bdcolor: #ffe91e; @itemwidth: 100px; @itemheight: 50px;. Itemborder (@bdwidth: 2px, @bdstyle: solid, @bdcolor: @bdcolor){Border:@bdwidth @bdstyle @bdcolor;}*{margin:0;padding:0;}. Box{width:420px;Height:50px;List-style:None;li{//equivalent to ul li width:@itemwidth;Height:@itemheight;List-style:None;Line-height:50px;text-align:Center;background:@bgcolo

Css|select The CSS selector selector is the basis for our CSS page layouts. CSS selector In the end what, how to use it rationally? Selectors can be divided into three categories, except for the first class of HTML selector, we can name the other two classes, and when naming

css| Tips The CSS selector selector is the basis for our CSS page layouts. CSS selector In the end what, how to use it rationally? Selectors can be divided into three categories, except for the first class of HTML selector, we can name the other two classes, and when naming,

In CSS, the class selector is preceded by the class name with a dot number, if the multi-class is not to hit more than one point number and the. Important.urgent this form. Class SelectorIn CSS, the class selector is displayed with a dot number: . Center {Text-align:center} In the example above, all HTML elements that have the center class are centered.In the following HTML code, both the H1 and P elem

1. What are CSS selectors?Type selector (body), group selector (h1,h2,h3,span), include selector (H2 span), ID selector (#id), class selector (. Content)2. What attributes can be inherited?Class attribute, pseudo-Class A tag, list ul, Li, DL, DD, DT can inherit3, how to calculate the priority algorithm?Priority Proximity principle Copyright NOTICE: This article for Bo Master original article, without Bo Mas