mirror of
https://github.com/adambard/learnxinyminutes-docs.git
synced 2024-12-24 01:51:38 +00:00
commit
a8e591fcda
@ -37,7 +37,7 @@ selector { property: value; /* more properties...*/ }
|
|||||||
|
|
||||||
/* the selector is used to target an element on page.
|
/* the selector is used to target an element on page.
|
||||||
|
|
||||||
You can target all elments on the page using asterisk! */
|
You can target all elements on the page using asterisk! */
|
||||||
* { color:red; }
|
* { color:red; }
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -49,7 +49,7 @@ Given an element like this on the page:
|
|||||||
/* you can target it by its name */
|
/* you can target it by its name */
|
||||||
.some-class { }
|
.some-class { }
|
||||||
|
|
||||||
/*or by both classes! */
|
/* or by both classes! */
|
||||||
.some-class.class2 { }
|
.some-class.class2 { }
|
||||||
|
|
||||||
/* or by its element name */
|
/* or by its element name */
|
||||||
@ -89,7 +89,7 @@ div.some-parent > .class-name {}
|
|||||||
and is child of a div with class name "some-parent" IN ANY DEPTH */
|
and is child of a div with class name "some-parent" IN ANY DEPTH */
|
||||||
div.some-parent .class-name {}
|
div.some-parent .class-name {}
|
||||||
|
|
||||||
/* warning: the same selector wihout spaaace has another meaning.
|
/* warning: the same selector without space has another meaning.
|
||||||
can you say what? */
|
can you say what? */
|
||||||
div.some-parent.class-name {}
|
div.some-parent.class-name {}
|
||||||
|
|
||||||
@ -152,7 +152,7 @@ selector {
|
|||||||
|
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
font-family: Arial;
|
font-family: Arial;
|
||||||
font-family: "Courier New"; /* if name has spaaace it appears in single or double quotes */
|
font-family: "Courier New"; /* if name has space it appears in single or double quotes */
|
||||||
font-family: "Courier New", Trebuchet, Arial, sans-serif; /* if first one was not found
|
font-family: "Courier New", Trebuchet, Arial, sans-serif; /* if first one was not found
|
||||||
browser uses the second font, and so forth */
|
browser uses the second font, and so forth */
|
||||||
}
|
}
|
||||||
@ -230,7 +230,7 @@ Remember, the precedence is for each **property**, not for the entire block.
|
|||||||
## Compatibility
|
## Compatibility
|
||||||
|
|
||||||
Most of the features in CSS2 (and gradually in CSS3) are compatible across
|
Most of the features in CSS2 (and gradually in CSS3) are compatible across
|
||||||
all browsers and devices. But it's always vital to have in mind the compatiblity
|
all browsers and devices. But it's always vital to have in mind the compatibility
|
||||||
of what you use in CSS with your target browsers.
|
of what you use in CSS with your target browsers.
|
||||||
|
|
||||||
[QuirksMode CSS](http://www.quirksmode.org/css/) is one of the best sources for this.
|
[QuirksMode CSS](http://www.quirksmode.org/css/) is one of the best sources for this.
|
||||||
|
Loading…
Reference in New Issue
Block a user