[css-d] First-Child

2014-09-26 Thread Crest Christopher
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 ? And are there any tools that aid in helping you know what is the first child, decedent

Re: [css-d] First-Child

2014-09-26 Thread Philip Taylor
Crest Christopher wrote: 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 ? Which is the first child of /what/ ? It is necessary to select

Re: [css-d] First-Child

2014-09-26 Thread Crest Christopher
The first child of my example, I linked too. Philip Taylor wrote: Crest Christopher wrote: 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 ?

Re: [css-d] First-Child

2014-09-26 Thread Chris Rockwell
I can't look at the example now, but there are endless examples available, try MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/:first-child On Sep 26, 2014 9:40 AM, Crest Christopher crestchristop...@gmail.com wrote: The first child of my example, I linked too. Philip Taylor wrote:

Re: [css-d] First-Child

2014-09-26 Thread Crest Christopher
I looked at examples online. Everyone writes HTML slightly differently, examples help to understand, but there is nothing better then, IMO breaking down your own mark-up. Why I presented an example ! Chris Rockwell wrote: I can't look at the example now, but there are endless examples

Re: [css-d] First-Child

2014-09-26 Thread Philippe Wittenbergh
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

Re: [css-d] First-Child

2014-09-26 Thread Philip Taylor
Crest Christopher wrote: The first child of my example which I linked to ! Philip Taylor wrote: Which is the first child of /what/ ? It is necessary to select an element before it is possible to meaningfully use the term first-child. Sorry, Christopher, not interested in playing

Re: [css-d] First-Child

2014-09-26 Thread Crest Christopher
::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 Christophercrestchristop...@gmail.com a écrit :

Re: [css-d] First-Child

2014-09-26 Thread Crest Christopher
Here http://jsfiddle.net/bpL490pn/1/. Philip Taylor wrote: Crest Christopher wrote: The first child of my example which I linked to ! Philip Taylor wrote: Which is the first child of /what/ ? It is necessary to select an element before it is possible to meaningfully use the term

[css-d] can't see why text is going outside box

2014-09-26 Thread colleen sullivan leh
On this page, second sample: http://trafficsafety.org/uncategorized/spanish the line of text is extending outside the container and I can’t figure why. I know the code is a mess (divs inside a pre tag, for instance) but that’s from a plugin so overrides are going into the theme css. thank you

Re: [css-d] First-Child

2014-09-26 Thread Darren Brierton
There's a simple syntax error in your jsfiddle. Just change the double-colon (::) to a single colon (:) and I think you will get the result you were expecting. On 26 Sep 2014, at 16:05, Crest Christopher crestchristop...@gmail.com wrote: Here http://jsfiddle.net/bpL490pn/1/. Philip

Re: [css-d] First-Child

2014-09-26 Thread Tom Livingston
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

Re: [css-d] First-Child

2014-09-26 Thread Philip Taylor
Crest Christopher wrote: Here http://jsfiddle.net/bpL490pn/1/. Right, so I see two intended first-child rules there : ::first-child {ouline:1px dotted lime;} #t3 p::first-child{color:red;} The first appears to be generic and targets all elements that are first children of their parents;

Re: [css-d] can't see why text is going outside box

2014-09-26 Thread Alex M
Hey there, You’ve got the surrounding element as a pre - telling the content inside that the content has been pre formatted. This means that  browsers may disable automatic text wrap as it’s doing here. Try using a div or a section. See http://www.w3.org/TR/html401/struct/text.html#edef-PRE 

Re: [css-d] can't see why text is going outside box

2014-09-26 Thread colleen sullivan leh
since the pre is part of a plugin, is there a way to override that function? I’ll ask the developer to change the bizarre use of that tag. On Sep 26, 2014, at 10:36 AM, Alex M a...@alexm.co wrote: Hey there, You’ve got the surrounding element as a pre - telling the content inside that

Re: [css-d] can't see why text is going outside box

2014-09-26 Thread Alex M
Hey yeah, just realised it was a plugin done by a shortcode. Wordpress wraps shortcode outputs with pre so you might need to use a str_replace or preg_replace to remove it. -Alex --  Alex M alexm.co On 26 September 2014 at 16:01:12, colleen sullivan leh (coll...@sullivanlehdesigns.com)

Re: [css-d] First-Child

2014-09-26 Thread Crest Christopher
Is there a time to use two colons and is there a time to use one colon ? Philip Taylor wrote: Crest Christopher wrote: Herehttp://jsfiddle.net/bpL490pn/1/. Right, so I see two intended first-child rules there : ::first-child {ouline:1px dotted lime;} #t3 p::first-child{color:red;} The

Re: [css-d] First-Child

2014-09-26 Thread Tim Climis
Two colons are for pseudo elements. One colon is for pseudo classes. However, I believe that one colon always works because there wasn't a distinction until CSS3. ::first-letter ::first-line ::before ::after :link :visited :hover :active :focus :first-child :lang -Original Message-

Re: [css-d] First-Child

2014-09-26 Thread Ms2ger
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 On 09/26/2014 06:27 PM, Tim Climis wrote: Two colons are for pseudo elements. One colon is for pseudo classes. However, I believe that one colon always works because there wasn't a distinction until CSS3. For the record, this only applies to the

Re: [css-d] can't see why text is going outside box -- OFFTOPIC

2014-09-26 Thread MiB
sep 26 2014 17:14 Alex M a...@alexm.co: Hey yeah, just realised it was a plugin done by a shortcode. Wordpress wraps shortcode outputs with pre so you might need to use a str_replace or preg_replace to remove it. And people wonder why I refuse to do wordpress. I never have problems like

Re: [css-d] First-Child

2014-09-26 Thread MiB
sep 26 2014 15:36 Crest Christopher crestchristop...@gmail.com: 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 ? And are there any tools

Re: [css-d] First-Child

2014-09-26 Thread MiB
sep 26 2014 15:36 Crest Christopher crestchristop...@gmail.com: 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 ? I don’t know any that can do that specifically, but I’d imagine a

Re: [css-d] First-Child

2014-09-26 Thread Karl DeSaulniers
Beautiful solution! Best, Karl Sent from losPhone On Sep 26, 2014, at 9:00 AM, Philippe Wittenbergh e...@l-c-n.com wrote: Very quick debug tip: :first-child { outline: 1px dotted lime; } __ css-discuss

Re: [css-d] First-Child

2014-09-26 Thread Rick Gordon
A useful additional angle on this is that if include some JavaScript to add a class to body, for example, a class called owner when you are logged in, then you can have all that debugging stuff only seen by yourself. (WordPress sites, or other sites where you can be logged in, lend themselves

Re: [css-d] mystery vertical space

2014-09-26 Thread Jon Reece
On Wed, Sep 24, 2014 at 5:10 PM, John j...@coffeeonmars.com wrote: At this link: http://www.coffeeonmars.com/ I have an image just under the header nav which spans my wrapper. to achieve this, I placed a call for the image after the nav, but before my #middle content area, as #middle has

Re: [css-d] mystery vertical space

2014-09-26 Thread John
On Sep 26, 2014, at 3:38 PM, Jon Reece jon.re...@gmail.com wrote: ​Since images (img) are inline elements by default, the user agent adds space under them to account for descenders* so that if the image appears in line with text, it is vertically aligned along the baseline. To prevent this