This section is primarily a new selector for CSS3Next CSS (CSS3) selector (1)I. General Brotherhood selector::e ~ F, matches the sibling F element after any e element.div ~ p{ Background-color: #00FF00;}Two. Property selector::E[att ^= Val], matches the attribute of the A
FirefoxA tag needs to be specified Display:block, to be able to set the length width, otherwise invalidChrome:CommonThis is the most complete, plus one.@-moz-document Url-prefix () {} Firefox proprietaryAlso add a!important of the correct understanding, other browsers refer to the Web, in the IE6 can not overwrite the previously declared CSS class, but it is possible to overwrite the inline CSS (is the elem
selector
Select the element that matches F, and the element is the adjacent position following the E element.
3. CSS3 new Property Selector
Selector Selector
type
Description
E[foo^= "Bar"]
Property Selector
S
ten
8
Div p{}
0,0,0,2
2
9
p{}
0,0,0,1
1
In line 4 is not the descendant selector, Div and #id are next to each other, that is, the ID is the ID of the Div, before I do not know, the weight of this selector is based on an ID selector, or an ID an element, after testing,
Descendant selectors are used to select all descendants of a label, including descendants and grandchildren, and the descendant selector selects only the descendant tag for the specified parent (the first generation of the tag element). This article mainly introduces the CSS selector of the descendant selector of the r
CSS basics 4: Element Selector
In the previous blog, we were familiar with CSS syntax and had some knowledge about CSS code formats. The CSS code is as follows:
Selector name {attribute name: attribute value ;......}
The attribute
Deep layout, step in, point to a tag, called: Association selector -sets the style of nested labels div p {}DAY02 Yesterday Content review 1, the operation of the idea of HTML * * Use the label to manipulate the data package, by modifying the label's property values to achieve the change in the label data style * * * {Property Name: property value; Property Name: property value; ....}3, CSS basic
{width:50%;} *html #left {margin-right:-3px;//This sentence is the key}HTML code
9 Property Selector (This is not compatible, is a hidden CSS bug)
p[id]{}div[id]{}This is hidden from the IE6.0 and IE6.0 versions, and the FF and opera functionsThere is a difference between the property selector and the child selector
In the previous blog we are already familiar with CSS syntax, the CSS code format also has some understanding. Let me just say the CSS code:Selector Name {property Name: property value; Property Name: Property value; ...}The attribute is separated from the attribute with a semicolon, and the attribute is concatenated directly with the property value, and if a pro
This article mainly introduces the CSS learning notes CSS selector related information, the need for friends can refer to the following
Selectors defined in the CSS1
Type Selector
Used to select the element of the specified type (in fact he is the HTML tag Selector), the co
Using CSS
1,css is a cascading style sheet (cascading style Sheet), consisting of a selector and a declaration block. The first section below H1 is the selector, and the curly braces surround the block that is the declaration block.{ color: red;}2,css use is mainly
Intersection selector and the set selectorIntersection Selector
1, function: To all selectors selected in the label, the intersection of that part of the label set properties2. Format:Selector 1 Selector 2 {attribute: value;}3. Note:1. There is no link symbol between selector and selector2.
css| Beginners | Web page
Wildcard Selector
Grammar:*DescriptionSelect a single object for all types in the document tree (DOM).If the wildcard selector is not the only component of a single selector, "*" can be omitted.Currently, ie5.5+ does not yet support this type of selector.Example:*[LANG=FR] {font-size:14px; wid
Ext.: http://www.imdsx.cn/index.php/2017/07/27/css1/What is CSS Selector?CSS selector positioning is actually the HTML CSS selector tag positioningToolsCss Selector's exercises suggest that you install Firefox, download plugins, F
I used to accept many blog posts on the Internet. I always thought that the three most important problems in CSS learning are box model, positioning, and floating. These three pieces of content determine the CSS layout capability. However, through the analysis of the previous log, to decouple XHTML from CSS, we should try not to rely on
What is special?
When applying CSS styles to an HTML element, there are often a number of ways to find elements, such as:
It can be seen that there are many ways to work with an HTML element, much more than that. So if an element is applied to many of the same styles, which one will eventually be explicitly used? CSS uses a method called specificity for the precedence of multiple selectors.
Cssviewer's introductionCssviewer is a google browser plugin that helps users quickly view the CSS properties of current page elements, and after installing the Cssviewer plugin in Chrome, users can quickly mimic the presentation of an element in a webpage when designing a Web page. This greatly reduces development time (when looking for APIs) for some developers who use public libraries, and allows users t
Related content:CSS Selector usage:
The syntax of the selector
Tag Selector
Class Selector
ID Selector
Grouping of selectors
Nested selection
Property Selector
Sub-Tag
Article Introduction: in the 4.1.3 section of the CSS2.1, it is mentioned that identifiers (including element names in selectors, classes and IDS) can only contain characters [a-za-z0-9] and ISO 10646 character encoding u+00a1 and above, plus hyphen (-) and underscore (_); Or a hyphen followed by a number to begin with. They can also contain an escape character plus any ISO 10646 character as a number
Operating system version: Windows 7
Browser version: Ie6
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.