Like Philip asked, first child of what?
<ul>
<li></li> <-- first-child of UL
<li></li>
</ul>
<div>
<p></p> <-- first-child of div
<p></p>
</div>
<aside>
<header></header> <-- first-child of aside
<div></div>
<aside>
etc.
On Fri, Sep 26, 2014 at 10:04 AM, Crest Christopher
<crestchristop...@gmail.com> wrote:
> ::First-child of the <body>, not of the div#t3, news to me. You can't have
> ::first-child of the div#t3, it is always of the <body> ?
>
> ::first-child {outline dotted lime;} didn't display ?
>
>
> Philippe Wittenbergh wrote:
>>
>> Le 26 sept. 2014 à 22:36, Crest Christopher<crestchristop...@gmail.com> a
>> écrit :
>>
>>> Hi, I've been understanding the pseudo-class elements, I like their
>>> functionality. I have a question, here is an code
>>> example<http://jsfiddle.net/bpL490pn/embedded/result/>, which is the
>>> first-child ?
>>
>>
>> div#t3 is the first-child of body
>> p.rt is the first-child of div#t3
>>
>> Very quick debug tip:
>> :first-child { outline: 1px dotted lime; }
>>
>>> And are there any tools that aid in helping you know what is the first
>>> child, decedent children for FireFox or Chrome, as a helper tool in the
>>> beginning ?
>>
>>
>> Developer tools for each browser ?
>>
>> Spec ?
>> http://www.w3.org/TR/css3-selectors/#first-child-pseudo
>>
>> MDN usually has decent explanation:
>> https://developer.mozilla.org/en-US/docs/Web/CSS/:first-child
>>
>> Philippe
>> --
>> Philippe Wittenbergh
>> http://l-c-n.com/
>>
>>
>>
>>
>>
> ______________________________________________________________________
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
