CSS3 New Pseudo-class: First-of-type p:first-of-typeSelect the first : Last-of-type p:last-of-type selection belongs to its parent element : Only-of-type p:only-of-type selection belongs to its parent element only : Only-child p:only-child selection belongs to its parent element only element per : Nth-child (n) p:nth-child (2) Select the second element that belongs to its parent element each : Nth-last-child (n) p:nth-last-child (2) Start counting wit
Difference between SPAN and DIV
The difference between SPAN and DIV is that division is a block-level element that can contain paragraphs, titles, tables, and even chapters, summaries, and remarks. While SPAN is an element in the row, it does not wrap the line before and after the SPAN. It has no structural meaning and is purely an application style. When other elements in the row are not appropriate, you can use SPAN.
------------------------------------------------------------Differences
Untitled Document
Computer World developer ClubPHP, DELPHI, JAVA
A small but practical CSS Print Style. When a table with a background is printed, the grid lines displayed on the page cannot be printed. In fact, you need to select "print background" when printing ". Generally, this step is not required. However, when you print a grid line drawn from a style sheet, you can see what you see. Of course, this effect cannot be compared with p
CSSUpdate.class.php
Demo
This article explains the PHP CSS Update class related content, more relevant content please pay attention to the PHP Chinese web.
Related recommendations:
About PHP __call and __callstatic content
About memcached common commands and instructions for use
About phpmailer-php e-mail Transport class
CSS pseudo-class selectors: styles to add to hyperlinks (different states of links and styles)A hyperlink that has four states:Normal state (: link): The mouse is not placed on the previous linked style.Put on status (: hover): The style when the mouse is placed over the link.Activation status (: Active): Hold down the left mouse button to not release the style, this state is particularly short.Visited stat
UntitledDocument. tdp {border-bottom: 1 solid #000000; border-left: 1 solid #000000; border-right: 0 solid # ffffff; border-top: 0 solid # ffffff ;}. tabp {border-color: #000000 #00000
Untitled Document
Computer World developer clubPHP, DELPHI, JAVA
A small but practical CSS print style. When a table with a background is printed, the grid lines displayed on the page cannot be printed. In fact, you need to select "print background" whe
Pseudo-class selectors for UI elements1.: Focus is used to select the Get Focus event2.: Enabled to specify the style when the element is in the available state3.:d isable used to specify that the element is in a state form that is not available4. When the read-only is used to get the element in a read-only state5. Read-write used to match readable and writable elements input Search6.: Checked to get the style when the radio box is in the selected sta
Define a style for a linkA:link indicates that the link has not been visited, the mouse has not been crossed and clickedA:visited represents a link that has been visitedA:hover represents a link to the mouse strokeA:active means the active link, that is, the moment the mouse clicks on the linkNote that the above four linked pseudo classes in the use of a certain order, that is the order listed above, otherwise do not see the effect. It can be simply written as Love (contains link and visited ini
CSS selector: both class and id can make the "single selector" have different styles.A1: What are the main differences between the two?Id. You can only define a single element. The page does not have any problems, but W3 detects that your page does not conform to the standard. class is a class, and the same
There are two types of Pseudo-classes: UI Pseudo-class and structured pseudo -classUI pseudo-class: a:link{} a:hover{} a:active{} a:visited{}Input[type= ' text ']:focus{} #title-one:target{}Structured pseudo-class: Table Tr:nth-child (even) {}//even sub-element labeled as even---Table Tr:nth-child (odd) {}//odd---subscript as an odd child elementTable tr:first-ch
CSS: hover pseudo class selection definition and usage, hover pseudoDefinition and usage of the pseudo-class selector E: hover:
Sets the style of an element when it is hovering over it.The E element can be selected using other selectors, such as class selector, id selector, and type selector.Note: IE6 does not support
versions not supported
: Root
Point to the root element, which is the HTML element
IE8 and earlier versions not supported
three, common pseudo-elements
Pseudo element
Description
Compatible
:: First-line
Select the first row of an element
Mainstream browsers support
:: First-letter
Select the first letter of a text block
Mainstream browsers support
:: Before
Insert
Let's look at an example of selecting Li list:Click on any of the items in Li to highlight the clicked Li:DOCTYPE HTML>HTMLNg-app>Head> title>6.3CSS Classes and Stylestitle> MetaCharSet= "Utf-8"> Scriptsrc=".. /angular.js ">Script> Scriptsrc= "Script.js">Script> styletype= "Text/css">Li.cur{background:#C0DCC0} style>Head>Body>DivNg-controller= "Restaurant"> ul> Ling-repeat= "Restaurant in restaurants"Ng-
12 months 12 class = month, css how to modify the style of the current month, do not use jq
January
February
March
April
May
June
July
August
September
October
November
December
For example, if the current month is 3
The css code modifies the background color of July.
------ Solution ----------------------
This cannot b
Solve Some css class conflicts between bootstrap and easyUI ., Bootstrapeasyui
Today, we found that the css classes of bootstrap and easyui have repeatedly used a very stupid solution. Such a trivial issue cannot be searched on the Internet.
I first reference bootstrap and then reference the easy UI. bootstrap will be overwritten. If the boot style is abnormal,
Syntax:: not (. selector)Function: You can remove certain elements from the selected element.DOCTYPE HTML>HTML> Head> MetaCharSet= "UTF-8"> title>title> styletype= "Text/css">p:not (. Soyoungboy){Background-color:Cadetblue;Color:Red} style> Head> Body> P>A yard with a tree in HouhaiP> P>Jade with work in Xia DynastyP> Pclass= "Soyoungboy">The cloud at this momentP>
Website: http://www.dreamdu.com/css/pseudo-classes/DOCTYPE HTML>HTML>Head>style>Div:link{Background-color:Blue;}div:visited{Background-color:Blue;}Div:hover{Background-color:Red;}div:active{Background-color:Yellow;}style>Head>Body>Divstyle= "height:100px;boder;border:1px solid white;">Move the mouse pointer over the link, move the mouse pointer over the link, move the mouse pointer over the link, move the mouse pointer over the link, and move the mous
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.