4c4
< <title>Complex Attribute CSS Selectors - RJM Programming - August, 2016 ... Thanks to http://learn.shayhowe.com/advanced-html-css/complex-selectors/</title>
---
> <title>Complex CSS Selectors - RJM Programming - July, 2016 ... Thanks to http://learn.shayhowe.com/advanced-html-css/complex-selectors/</title>
6,15c6,14
< h1 + a[href="#"] { color: green; }
< h2 + a[href="#"] { color: blue; }
< h3 + a[href="#"] { color: gray; }
< h4 + a[href="#"] { color: cyan; }
< 
< h1 ~ a[href="#"] { background-color: lightgreen; }
< h2 ~ a[href="#"] { background-color: lightblue; }
< h2 ~ a[href="http://www.rjmprogramming.com.au"] { background-color: orange; }
< h3 ~ a[href="#"] { background-color: lightgray; }
< h4 ~ a[href="#"] { background-color: lightcyan; }
---
> h1 + p { color: green; }
> h2 + p { color: blue; }
> h3 + p { color: gray; }
> h4 + p { color: cyan; }
> 
> h1 ~ p { background-color: lightgreen; }
> h2 ~ p { background-color: lightblue; }
> h3 ~ p { background-color: lightgray; }
> h4 ~ p { background-color: lightcyan; }
18,20c17
< article > a[href="#"] { font-style: italic; }
< 
< a[target="_blank"] { font-weight: bold; } 
---
> article > p { font-style: italic; }
26,27c23,24
< <table><tr><th colspan=3>Complex Attribute CSS Selectors - RJM Programming - August, 2016</th></tr><tr><td>
< <textarea rows=23 cols=45 style='background-color: silver;'>
---
> <table><tr><th colspan=3>Complex CSS Selectors - RJM Programming - July, 2016</th></tr><tr><td>
> <textarea rows=14 cols=45 style='background-color: silver;'>
29,38c26,34
< h1 + a[href="#"] { color: green; }
< h2 + a[href="#"] { color: blue; }
< h3 + a[href="#"] { color: gray; }
< h4 + a[href="#"] { color: cyan; }
< 
< h1 ~ a[href="#"] { background-color: lightgreen; }
< h2 ~ a[href="#"] { background-color: lightblue; }
< h2 ~ a[href="http://www.rjmprogramming.com.au"] { background-color: orange; }
< h3 ~ a[href="#"] { background-color: lightgray; }
< h4 ~ a[href="#"] { background-color: lightcyan; }
---
> h1 + p { color: green; }
> h2 + p { color: blue; }
> h3 + p { color: gray; }
> h4 + p { color: cyan; }
> 
> h1 ~ p { background-color: lightgreen; }
> h2 ~ p { background-color: lightblue; }
> h3 ~ p { background-color: lightgray; }
> h4 ~ p { background-color: lightcyan; }
41,43c37
< article > a[href="#"] { font-style: italic; }
< 
< a[target="_blank"] { font-weight: bold; } 
---
> article > p { font-style: italic; }
46,47c40,41
< <textarea rows=27 cols=90 style='background-color: pink;'>
< &lt;a href="#"&gt;Default text colour is black ... This is an unselected a outside section ...&lt;/a&gt;
---
> <textarea rows=21 cols=90 style='background-color: pink;'>
> &lt;p&gt;Default text colour is black ... This is an unselected p outside section ...&lt;/p&gt;
49c43
<   &lt;a href="#"&gt;... This is an unselected a within section ...&lt;/a&gt;
---
>   &lt;p&gt;... This is an unselected p within section ...&lt;/p&gt;
51,52c45
<   &lt;a href="#"&gt;This h2 ~ a and h2 + a section paragraph will be selected as a "General Sibling" and so background-color will be lightblue and will be selected as an "Adjacent Sibling" so font colour will be blue&lt;/a&gt;&lt;br&gt;
<   &lt;a target="_blank" href="http://www.rjmprogramming.com.au"&gt;Another h2 ~ a and h2 + a section paragraph will be selected as a "General Sibling" and so background-color will be orange given Attribute a[href="http://www.rjmprogramming.com.au"] and will be selected as an "Adjacent Sibling" so font colour will be blue and will be bold given the Attribute select a[target="_blank"]&lt;/a&gt;
---
>   &lt;p&gt;This h2 ~ p and h2 + p section paragraph will be selected as a "General Sibling" and so background-color will be lightblue and will be selected as an "Adjacent Sibling" so font colour will be blue&lt;/p&gt;
54c47
<     &lt;a href="#"&gt;... This is an unselected a within section ...&lt;/a&gt;
---
>     &lt;p&gt;... This is an unselected p within section ...&lt;/p&gt;
56c49
<   &lt;a href="#"&gt;This h2 ~ a section paragraph will be selected as a "General Sibling" and so background-color will be lightblue&lt;/a&gt;
---
>   &lt;p&gt;This h2 ~ p section paragraph will be selected as a "General Sibling" and so background-color will be lightblue&lt;/p&gt;
58c51
< &lt;a href="#"&gt;... This is an unselected a outside section and outside article ...&lt;/a&gt;
---
> &lt;p&gt;... This is an unselected p outside section and outside article ...&lt;/p&gt;
60c53
<   &lt;a href="#"&gt;This article &amp;gt; a article paragraph will be selected as a "Direct Child" and so font-style will be italic&lt;/a&gt;
---
>   &lt;p&gt;This article &amp;gt; p article paragraph will be selected as a "Direct Child" and so font-style will be italic&lt;/p&gt;
62c55
<     &lt;a href="#"&gt;... This is an unselected a within article ...&lt;/a&gt;
---
>     &lt;p&gt;... This is an unselected p within article ...&lt;/p&gt;
70c63
< <a href="#">Default text colour is black ... This is an unselected a outside section ...</a>
---
> <p>Default text colour is black ... This is an unselected p outside section ...</p>
72c65
<   <a href="#">... This is an unselected a within section ...</a>
---
>   <p>... This is an unselected p within section ...</p>
74c67
<   <a href="#">This h2 ~ a and h2 + a section paragraph will be selected as a "General Sibling" and so background-color will be lightblue and will be selected as an "Adjacent Sibling" so font colour will be blue</a>
---
>   <p>This h2 ~ p and h2 + p section paragraph will be selected as a "General Sibling" and so background-color will be lightblue and will be selected as an "Adjacent Sibling" so font colour will be blue</p>
76c69
<     <a href="#">... This is an unselected a within section ...</a>
---
>     <p>... This is an unselected p within section ...</p>
78,79c71
<   <a href="#">This h2 ~ a section paragraph will be selected as a "General Sibling" and so background-color will be lightblue</a><br>
<   <a target="_blank" href="http://www.rjmprogramming.com.au">Another h2 ~ a section paragraph will be selected as a "General Sibling" and so background-color will be  will be orange given Attribute a[href="http://www.rjmprogramming.com.au"] and will be selected as an "Adjacent Sibling" so font colour will be blue and will be bold given the Attribute select a[target="_blank"]</a>
---
>   <p>This h2 ~ p section paragraph will be selected as a "General Sibling" and so background-color will be lightblue</p>
81c73
< <a href="#">... This is an unselected a outside section and outside article ...</a>
---
> <p>... This is an unselected p outside section and outside article ...</p>
83c75
<   <a href="#">This article &gt; a article paragraph will be selected as a "Direct Child" and so font-style will be italic</a>
---
>   <p>This article &gt; p article paragraph will be selected as a "Direct Child" and so font-style will be italic</p>
85c77
<     <a href="#">... This is an unselected a within article ...</a>
---
>     <p>... This is an unselected p within article ...</p>