Comments on: Universal Child Replacement http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/ Things that Eric A. Meyer, CSS expert, writes about on his personal Web site; it's largely Web standards and Web technology, but also various bits of culture, politics, personal observations, and other miscellaneous stuff Tue, 18 Jun 2013 15:30:40 +0000 hourly 1 http://wordpress.org/?v=3.5.1 By: Kevin http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-499488 Kevin Wed, 19 May 2010 17:23:05 +0000 http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-499488 Eric,

I’ve documented a few other methods for emulating child selectors (not universally) here: http://craftycode.wordpress.com/2010/05/19/emulating-css-child-selectors-in-ie6/

This includes a little trick to deal with nested classes, too.

]]> By: six03 » CSS Notes - Vol. 1 http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-446263 six03 » CSS Notes - Vol. 1 Fri, 06 Mar 2009 08:07:56 +0000 http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-446263 [...] I have been referring myself to Eric Meyer’s Universal Child Replacement Technique. [...]

]]> By: AaronNGray http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-408296 AaronNGray Wed, 10 Sep 2008 21:26:59 +0000 http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-408296 AFAICS This does not deal with tree controls. Well only to a certain depth :(

I wrote a tree control that only works on FF, Opera, Safari, and Google. But to find it did not work on IE ! :(

Have to rewrite and refactor the JavaScript !

]]> By: Vladimir http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-39050 Vladimir Tue, 11 Jul 2006 13:32:12 +0000 http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-39050 hi eric,
may be you know how to solve a problem with one child and many daddies

can you reduce this?
#thistory .subnav A, #whistory .subnav A

]]> By: Max Design - standards based web design, development and training » Blog Archive » Some links for light reading (13/6/05) http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-11638 Max Design - standards based web design, development and training » Blog Archive » Some links for light reading (13/6/05) Sun, 01 Jan 2006 21:07:25 +0000 http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-11638 [...] t reading (13/6/05)

June 13th, 2005
The ways to style visited links Universal Child Replacement Scrolling drop shadows Building a page te [...]

]]> By: nikko http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-10070 nikko Sun, 11 Dec 2005 08:33:01 +0000 http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-10070 Amazing! You saved me hours. =)

]]> By: deFUNKT blog » Small CSS tips you may already know (2) http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-8879 deFUNKT blog » Small CSS tips you may already know (2) Thu, 24 Nov 2005 16:57:01 +0000 http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-8879 [...] ont-weight: bold;} div * p {font-weight: normal;} I saw this trick for the first time on Meyerweb, so that’s where the credit [...]

]]> By: pecus http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-7538 pecus Wed, 26 Oct 2005 13:36:40 +0000 http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-7538 Sorry, I had in mind adjacent sibling selectors (+) and mistakengly searched for a workaround in IE for child selectors. Eric, if you manage to devise a workaround for sibling selectors, we’d all be most grateful!

]]> By: pecus http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-7537 pecus Wed, 26 Oct 2005 13:22:49 +0000 http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-7537 this is an interesting behaviour. However, it does not replace the child selector in cases where you need to reach the first element after another, in the same container.
i.e, styling ul when after h2:

<div id="#content">
<h2>title</h2>
<ul>
<li>item</li>
</ul>
</div>

]]> By: Jeff http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-5832 Jeff Thu, 30 Jun 2005 15:02:41 +0000 http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-5832 Eric,

I read this when you first posted it, and today found myself needing this solution, as Firefox was working beautifully but only because I was using child selectors.

Wait a minute, I thought….Eric wrote a solution to this recently. And sure enough, it worked out great.

Thanks!

]]> By: Tim Jones http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-5800 Tim Jones Mon, 27 Jun 2005 10:32:13 +0000 http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-5800 One thing – beware of the use of the universal selector on constrained devices as they can cause significant performance problems to the UE – not much of an issue on a monster desktop gaming machine but germane for mobile & portable devices.

]]> By: Joe Kwon http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-5797 Joe Kwon Fri, 24 Jun 2005 21:10:16 +0000 http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-5797 Took me a while, but I get it. This is pretty clever.

]]> By: Jim http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-5761 Jim Fri, 17 Jun 2005 12:04:01 +0000 http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-5761 Paul:

body { font-size: [put your font size here]; }

That is all you need, unless you want to mess with the font size of form elements, in which case also use something like:

* { font-size: inherit; }

Like I said above though, the most user-friendly approach is simply to leave the base font size alone and just specify the relative sizes of elements like headings.

]]> By: Jim http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-5760 Jim Fri, 17 Jun 2005 12:01:24 +0000 http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-5760 Jeremy, you don’t have to specify a font size for each and every element type. If you want to specify an overall font size, set it for body and that is all you need to do.

Speaking as a user, why do you want to reduce overall font size anyway? I’ve got a perfectly good font size configured in my browser, if you mess with it, you make things less readable for me.

]]> By: Paul Noone http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-5743 Paul Noone Wed, 15 Jun 2005 05:33:24 +0000 http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/#comment-5743 Like Jeremy Arnold above I recently decided to make the same conversion from fixed and percentage widths to EMs. I, too, have had a hard time trying to set a standard font-size across my site using EMs. So what is the correct markup for this?

Surely something so essential MUST have a common solution. Or should we perhaps be using EXs?

I know there are many schools of thought in this regard but surely the experts must all agree on a few basic requirements.

]]>