1.E F contains the selector and selects all F elements that are contained by the E element.2.E>f the child selector, select all the child elements F as the E element.3.E+f adjacent selectors, select the F element that clings to the E element.4.E~f Sibling Selector, select e element all sibling element F.5.E[att] Select the e element that has the ATT attribute.6.E[att
Description of character type selection mode
Wildcard character * matches all elements
Type selector e matches all eElements
Class. info matches all elements whose class value is equal to info.
ID # footer matches all elements whose attribute id value is equal to footer
The descendant selector e f matches all f elements of the descendant E.
Sub-Selector E> F matches all e sub-elements F
The neighboring selector e + F matches all E's sibling elements F
The attribute selector E [
element EE+f adjacent selector e element after F elementPseudo class SelectorE:link Link pseudo-class is not accessed before styleE:visited in a style that has been visitedE:hover styles when hovering over a mouseE:active between mouse clicks and releasesE:focus element becomes input focusE:lang matching e elements using special languageProperty SelectorE[att] Select the e element with the ATT attributeE[
at what property selectorsE[att] matches all e elements that have the ATT attribute, regardless of its value. Note: E can be omitted here, such as "[cheacked]". to the same. ) P[title] {color: #f00;}E[att=val] match all att attributes equal to "Val" e element div[class= "error"] {color: #f00;}E[
separated by spaces # nav li {display: inline;} li a {font-weight: bold ;}
E> F sub-element selector, matching all the sub-elements of the Eelement F div> strong {color: # f00 ;}
E + F is adjacent to the element selector and matches all the elements of the same level after the E element. F p + p {color: # f00 ;}
Note:
3. Attribute Selector
E [att] matches all the eElements with the att attribute, regardles
; Div> P>Hello3P> Div> P>Hello6P>HR> Divclass= "Main2">1Div>2Div> Div> Div> Div> Div> Div>Body>HTML>View Code3 Property SelectorE[att] matches all e elements that have the ATT attribute, regardless of its value.(Note: E can be omitted here, such as "[cheacked]". to the same. ) P[title] {color: #f00;}E[a
element selector that matches all f elements that are descendants of the e element, separated by a space between E and F#nav li {display:inline;} li a {font-weight:bold;}E > Fchild element Selector, matching all elements of e element F div > Strong {color: #f00;}E + FAdjacent element selector, matching all sibling elements immediately following the E element fp + P {color: #f00;}Note Nested rules:Block-level elements can contain inline elements or some block-level elements, but inline elements
instance to the Attributeimpl abstract class that the Attributeimpl instance corresponds to.
The purpose of the two mapping relationship is to ensure that there is only one Attributeimpl instance for each attribute and Attributeimpl in the Attributesource instance, in other words, When an instance of an object is obtained with a specific attribute or a specific attributeimpl, the instance is not created each time, but is first created, and then only the previously established. Below to analyze
Main topic:There's an agent who's going to run a mission, he's going to meet up to 15 targets and the agents must kill them all. When he kills a target, he can use the target weapon to kill the other person. So he had to have a sequence of killings that allowed him to shoot the least number of times. Now give you a table that represents how much damage each weapon can inflict on each target. And you know the amount of blood for each target. When the target's blood volume is less than or equal to
") norepeat scroll 20px 20px;URL ("Path to Picture 3") norepeat scroll 30px 30px;Five. String matching:CSS3 String Matching selector:1. e:[att^=value] The attribute value of the Att property that matches element e is first the E element of valueExample: p:[class^= "a"]The first element p that represents the property value of the selected class property, "a" (for example, "a" for Class= "abc")2.e:[
attribute that contain "class". Multiple elements in a document can have the same class name, and a single element can have more than one class name (written in the form of a space separating multiple class names). demo{ width:100px; height:100px; background:red;}4:e(element), tag Selector, matches all elements that use the e tag.span{ color:red; Background:pink; Font-style:20px;}Two. Multi-element combination selector:5:e,f, multi-element selector, matches all E and F element
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.