Comments on: Getting Buggy CSS Selectors to Work Cross-Browser via jQuery

By: Louis Lazaris

Louis Lazaris — Fri, 18 Jun 2010 21:41:49 +0000

Christian, You're right, it takes away a lot of practicality, and it forces you to put CSS in your JavaScript. But it's just an option to consider. For example you could do something like this:

$("div>span").css("width", "100px");

So, while this sounds good in theory, you're absolutely right, it's not the most practical solution, and could cause more trouble than it's worth.

By: Christian

Christian — Fri, 18 Jun 2010 08:47:57 +0000

I’m sorry, but I don’t see the advantage of using jQuery to fix web browsers’ CSS support that way.
Well, you address specific items with jQuery which can not be achieved with pure CSS. Now what do you do next? Add inline CSS rules? Bad. Add a certain class to the item and attach rules to it in your CSS file? In that case you might as well attach this class to your item “by hand”, writing it in your HTML code.

So what’s the use?

By: Start Using CSS3 Today: Techniques and Tutorials | Webreweries.com | Tips | Photoshop | Java | Illustrator | Dreamweaver | After Effects | Graphics | Animation | Design

Thu, 17 Jun 2010 16:13:39 +0000

[...] Getting Buggy CSS Selectors to Work Cross-Browser via jQueryA simple table that describes a number of CSS selectors that are not cross-browser compatible, along with the jQuery syntax for each. [...]

By: Start Using CSS3 Today: Techniques and Tutorials

Start Using CSS3 Today: Techniques and Tutorials — Thu, 17 Jun 2010 14:22:37 +0000

By: Start Using CSS3 Today: Techniques and Tutorials | Web Design Cool

Start Using CSS3 Today: Techniques and Tutorials | Web Design Cool — Thu, 17 Jun 2010 13:21:32 +0000

By: 50 New Useful CSS Techniques, Tools and Tutorials « qeqnes | Designing. jQuery, Ajax, PHP, MySQL and Templates

Thu, 17 Jun 2010 09:50:05 +0000

[...] Getting Buggy CSS Selectors to Work Cross-Browser via jQuery Although the lack of cross-browser CSS selector support has caused a number of useful CSS selectors to go almost unnoticed, developers can still manipulate styles on their pages using some of these little-used selectors through jQuery. [...]

By: å½¼å²¸(Into the wild) » Blog Archive » 50 New Useful CSS Techniques, Tools and Tutorials

Tue, 15 Jun 2010 02:51:30 +0000

By: Furkan TunalÄ± v4 beta // 50 New Useful CSS Techniques, Tools and Tutorials /

Furkan TunalÄ± v4 beta // 50 New Useful CSS Techniques, Tools and Tutorials / — Mon, 14 Jun 2010 16:16:45 +0000

[...] Getting Buggy CSS Selectors to Work Cross-Browser via jQueryAlthough the lack of cross-browser CSS selector support has caused a number of useful CSS selectors to go almost unnoticed, developers can still manipulate styles on their pages using some of these little-used selectors through jQuery. [...]

By: magic_quote

magic_quote — Mon, 14 Jun 2010 11:45:30 +0000

There is this mighty js library called ie-7.js :
http://code.google.com/p/ie7-js/
It gives both ie6, 7, 8 and future ie9 a normal modern web broswer rendering and support all these css features, even more !

By: Louis Lazaris

Louis Lazaris — Mon, 14 Jun 2010 01:23:11 +0000

That sounds like a very interesting solution, because it would keep your CSS in the stylesheet, where it belongs. Then, later, when the unsupporting browsers fall out of use, you could just delete the jQuery code, and everything would still work fine.

I’m sure there are scripts available that accomplish something like this. Would definitely be worth looking into.