iskm/learnxinyminutes-docs
1
0
Fork 0
mirror of https://github.com/adambard/learnxinyminutes-docs.git synced 2024-12-23 09:41:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update css.html.markdown

Browse Source 
Fix rendering bug.
This commit is contained in:
Adam Bard 2013-11-25 14:55:07 -08:00
parent 0106788a2e
commit 77facdeafe
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
css.html.markdown
View File

@ -71,7 +71,7 @@ div { }
/* and more importantly you can combine these together -- there shouldn't be /* and more importantly you can combine these together -- there shouldn't be
any space between different parts because that makes it to have another any spaaace between different parts because that makes it to have another
meaning.*/ meaning.*/
div.some-class[attr$='ue'] { } div.some-class[attr$='ue'] { }
@ -85,7 +85,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 space has another meaning. /* warning: the same selector wihout spaaace has another meaning.
can you say what? */ can you say what? */
div.some-parent.class-name {} div.some-parent.class-name {}
@ -140,7 +140,7 @@ selector {
/* Fonts */ /* Fonts */
font-family: Arial; font-family: Arial;
font-family: "Courier New"; /* if name has space it appears in double-quote */ font-family: "Courier New"; /* if name has spaaace it appears in double-quote */
font-family: "Courier New", Trebuchet, Arial; /* if first one was not found font-family: "Courier New", Trebuchet, Arial; /* if first one was not found
browser uses the second font, and so forth */ browser uses the second font, and so forth */
} }
@ -175,6 +175,7 @@ and may have a property set on it in more than one.
In these cases, one of the rules takes precedence over others. In these cases, one of the rules takes precedence over others.
Given the following CSS: Given the following CSS:
```css ```css
/*A*/ /*A*/
p.class1[attr='value'] p.class1[attr='value']
@ -192,7 +193,9 @@ p {}
p { property: value !important; } p { property: value !important; }
``` ```
and the following markup: and the following markup:
```xml ```xml
<p style='/*F*/ property:value;' class='class1 class2' attr='value'> <p style='/*F*/ property:value;' class='class1 class2' attr='value'>
</p> </p>