Comments on: CSS Adjacent-Sibling Selector http://www.onyx-design.net/css/css-adjacent-sibling-selector/ A weblog about webdesign, webdevelopment, css, php and other webrelated topics. Tue, 01 Jun 2010 09:29:28 +0200 http://wordpress.org/?v=2.8.4 hourly 1 By: WEB 3.0 » Blog Archive » ¿Así que querías saber (casi todo) de CSS? http://www.onyx-design.net/css/css-adjacent-sibling-selector/comment-page-1/#comment-728 WEB 3.0 » Blog Archive » ¿Así que querías saber (casi todo) de CSS? Sat, 18 Apr 2009 01:27:18 +0000 http://www.onyx-design.net/weblog2/uncategorized/css-adjacent-sibling-selector/#comment-728 [...] CSS Adjacent-Sibling Selector - Fabian van Luyn [...] [...] CSS Adjacent-Sibling Selector – Fabian van Luyn [...]

]]> By: rachelreveley http://www.onyx-design.net/css/css-adjacent-sibling-selector/comment-page-1/#comment-726 rachelreveley Tue, 14 Apr 2009 13:41:11 +0000 http://www.onyx-design.net/weblog2/uncategorized/css-adjacent-sibling-selector/#comment-726 IE7 and 8 aren't able to handle these with classes though. I tried the following h1 + .article-date + p {font-weight: bold;} works in FF and Safari but not IE. IE7 and 8 aren’t able to handle these with classes though.

I tried the following

h1 + .article-date + p {font-weight: bold;}

works in FF and Safari but not IE.

]]> By: CSS Diseases: Divitis & Classitis | Onyx Design Weblog http://www.onyx-design.net/css/css-adjacent-sibling-selector/comment-page-1/#comment-374 CSS Diseases: Divitis & Classitis | Onyx Design Weblog Wed, 28 May 2008 13:01:20 +0000 http://www.onyx-design.net/weblog2/uncategorized/css-adjacent-sibling-selector/#comment-374 [...] CSS Adjacent Sibling Selector; this CSS selector is not well known but can be used to target some specific elements, and you don’t have to give them a class if you use this CSS selector. [...] [...] CSS Adjacent Sibling Selector; this CSS selector is not well known but can be used to target some specific elements, and you don’t have to give them a class if you use this CSS selector. [...]

]]> By: rob http://www.onyx-design.net/css/css-adjacent-sibling-selector/comment-page-1/#comment-150 rob Fri, 18 Apr 2008 20:24:28 +0000 http://www.onyx-design.net/weblog2/uncategorized/css-adjacent-sibling-selector/#comment-150 hi nice post, i enjoyed it hi nice post, i enjoyed it

]]> By: Fabian http://www.onyx-design.net/css/css-adjacent-sibling-selector/comment-page-1/#comment-125 Fabian Tue, 08 Apr 2008 06:36:17 +0000 http://www.onyx-design.net/weblog2/uncategorized/css-adjacent-sibling-selector/#comment-125 @Edwin, Thanks for your comment! I really can't wait for the day that we don't have to be concerned about IE6 anymore. There are so many great techniques out there that can't be used yet, because of IE6. @Edwin, Thanks for your comment! I really can’t wait for the day that we don’t have to be concerned about IE6 anymore. There are so many great techniques out there that can’t be used yet, because of IE6.

]]> By: Edwin http://www.onyx-design.net/css/css-adjacent-sibling-selector/comment-page-1/#comment-123 Edwin Mon, 07 Apr 2008 23:54:40 +0000 http://www.onyx-design.net/weblog2/uncategorized/css-adjacent-sibling-selector/#comment-123 Really cool, never heard of this function before. A pitty that - as almost always - ie6 doesn't support this... ;) Really cool, never heard of this function before. A pitty that – as almost always – ie6 doesn’t support this… ;)

]]> By: Love is not Over » Blog Archive » Link Digest http://www.onyx-design.net/css/css-adjacent-sibling-selector/comment-page-1/#comment-103 Love is not Over » Blog Archive » Link Digest Thu, 03 Apr 2008 18:12:37 +0000 http://www.onyx-design.net/weblog2/uncategorized/css-adjacent-sibling-selector/#comment-103 [...] CSS Adjacent-Sibling Selector - Something I started using a few months back, especially since I always define my margins for most elements, it’s handy to drop the margin-top of p tags when they fall directly underneath a heading tag. Remember, no IE 6 support, but also remember jQuery could take care of this all for you if you want cross-browser support. [...] [...] CSS Adjacent-Sibling Selector – Something I started using a few months back, especially since I always define my margins for most elements, it’s handy to drop the margin-top of p tags when they fall directly underneath a heading tag. Remember, no IE 6 support, but also remember jQuery could take care of this all for you if you want cross-browser support. [...]

]]> By: Fabian http://www.onyx-design.net/css/css-adjacent-sibling-selector/comment-page-1/#comment-58 Fabian Tue, 18 Mar 2008 17:25:11 +0000 http://www.onyx-design.net/weblog2/uncategorized/css-adjacent-sibling-selector/#comment-58 @NatalieMac, You're absolutely right. There are so much uses of these selectors and still they are so less used. According to <a href="http://www.westciv.com/style_master/academy/browser_support/selectors.html" rel="nofollow">this reference on westciv</a> the adjacent-sibling selector is not supported by IE6 or lower. But it will be safe to use this is the near future, if less people use IE6. And you can always add css for the lower versions of IE with conditional comments. Thanks for your comment :) @Nick, thanks for your comment! I must say that this selector is supported by IE7 (and IE8) so IE6 is the only problem with this method. @NatalieMac,
You’re absolutely right. There are so much uses of these selectors and still they are so less used. According to this reference on westciv the adjacent-sibling selector is not supported by IE6 or lower. But it will be safe to use this is the near future, if less people use IE6. And you can always add css for the lower versions of IE with conditional comments.

Thanks for your comment :)

@Nick, thanks for your comment! I must say that this selector is supported by IE7 (and IE8) so IE6 is the only problem with this method.

]]> By: NatalieMac http://www.onyx-design.net/css/css-adjacent-sibling-selector/comment-page-1/#comment-57 NatalieMac Tue, 18 Mar 2008 17:09:26 +0000 http://www.onyx-design.net/weblog2/uncategorized/css-adjacent-sibling-selector/#comment-57 A lot of these extremely useful but not commonly used CSS selectors aren't commonly used because of the serious shortcomings of Internet Explorer 6, and to a lesser extent Internet Explorer 7. With IE8 promising to be fully CSS 2.1 compliant, it will be useful indeed to know all these selectors and to make use of them as IE6 fades into the background. Great job in keeping these selectors in the forefront of people's minds. A lot of these extremely useful but not commonly used CSS selectors aren’t commonly used because of the serious shortcomings of Internet Explorer 6, and to a lesser extent Internet Explorer 7. With IE8 promising to be fully CSS 2.1 compliant, it will be useful indeed to know all these selectors and to make use of them as IE6 fades into the background.

Great job in keeping these selectors in the forefront of people’s minds.

]]> By: Links of Interest - CSS-Tricks http://www.onyx-design.net/css/css-adjacent-sibling-selector/comment-page-1/#comment-56 Links of Interest - CSS-Tricks Tue, 18 Mar 2008 15:29:01 +0000 http://www.onyx-design.net/weblog2/uncategorized/css-adjacent-sibling-selector/#comment-56 [...] Design has a great idea for the use of CSS Adjacent Sibling Selectors: a list of “winners”. If you had a bunch of lists of say, 10 names, and the first one [...] [...] Design has a great idea for the use of CSS Adjacent Sibling Selectors: a list of “winners”. If you had a bunch of lists of say, 10 names, and the first one [...]

]]>