diff options
Diffstat (limited to 'pocketCSS.md')
| -rw-r--r-- | pocketCSS.md | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/pocketCSS.md b/pocketCSS.md index 527feb0..b50c4c2 100644 --- a/pocketCSS.md +++ b/pocketCSS.md @@ -11,7 +11,7 @@ ## Simple selectors -<p class="micro">assume throughout that `E` and `F` are elements, they can have attribute `foo` e.g. <code style="white-space: nowrap"><e foo="bar"></code> you can replace these with any elements or attributes.</p> +<p class="micro">assume throughout that `E` and `F` are elements, they can have attribute `foo` e.g. <code style="white-space: nowrap"><e foo="bar"></code> you can replace these with any elements or attributes.</p> <p class="micro">In HTML, elements in CSS can be uppercase like these examples. In XHTML, elements must be lower case. Classes and IDs are <strong>always</strong> case sensitive</p> <span class="micro"><strong>universal selector</strong>, match any element</span> @@ -20,17 +20,17 @@ <span class="micro"><strong>type</strong> (or element) selector</span> `E` -<span class="micro"><strong>ID selector</strong> an E element with ID equal to "myid", e.g. `<e id="myid">`</span> +<span class="micro"><strong>ID selector</strong> an E element with ID equal to "myid", e.g. `<e id="myid">`</span> `E#myid` -<span class="micro"><strong>class selector</strong> an E element whose class is "myclass", e.g. `<e class="myclass">`</span> +<span class="micro"><strong>class selector</strong> an E element whose class is "myclass", e.g. `<e class="myclass">`</span> `E.myclass` --- --- -## Combinators <abbr class="amp" title="and">&</abbr> negation +## Combinators <abbr class="amp" title="and">&</abbr> negation <span class="micro"><strong>descendant combinator</strong> to style an F element, which is a descendant of an E element</span> `E F` @@ -56,22 +56,22 @@ <span class="micro">element E with a "foo" attribute</span> `E[foo]` -<span class="micro">E’s attribute `foo`, value exactly equal to `bar`</span> +<span class="micro">E’s attribute `foo`, value exactly equal to `bar`</span> `E[foo="bar"]` -<span class="micro">E’s attribute `foo`, value is whitespace-separated values, one of which is exactly "bar"</span> +<span class="micro">E’s attribute `foo`, value is whitespace-separated values, one of which is exactly "bar"</span> `E[foo~="bar"]` -<span class="micro">E’s attribute `foo`, value begins exactly "bar"</span> +<span class="micro">E’s attribute `foo`, value begins exactly "bar"</span> `E[foo^="bar"]` -<span class="micro">E’s attribute `foo`, value ends exactly "bar"</span> +<span class="micro">E’s attribute `foo`, value ends exactly "bar"</span> `E[foo$="bar"]` -<span class="micro">E’s attribute `foo`, value contains substring "bar"</span> +<span class="micro">E’s attribute `foo`, value contains substring "bar"</span> `E[foo*="bar"]` -<span class="micro">E’s attribute `foo` has a hyphen-separated list of values beginning (from the left) with "en"</span> +<span class="micro">E’s attribute `foo` has a hyphen-separated list of values beginning (from the left) with "en"</span> `E[foo|="en"]` --- @@ -155,7 +155,7 @@ --- -## Forms <abbr class="amp" title="and">&</abbr> <span style="white-space: nowrap">Pseudo-elements</span> +## Forms <abbr class="amp" title="and">&</abbr> <span style="white-space: nowrap">Pseudo-elements</span> <span class="micro">a user interface element E which is enabled</span> `E:enabled` |