0

I have a form marked up like: <form id="some-form">. I have always selected forms using 

#some-form { /* declare my css */ }

However, one of my team members said this is not cross-browser or backwards compatible and said I needed to declare my css using syntax something like: 

form [id="some=form"] { /* declare my css */ }

Can anyone elaborate on whether this is true? And which browsers / versions will be affected? And what the proper syntax to ensure cross-browser backwards-compatibility? Thanks!

Dude
  • 193
  • 1
  • 2
  • 9

2 Answers2

0

selecting elements by id using #someid has been supported since CSS1. So just about every browser that has CSS support should support it.

Patrick Evans
  • 41,991
  • 6
  • 74
  • 87
0

What your team member is describing is the CSS attribute selector. If anything, his/her way of targeting the <form> element would be less backwards compatible as the ability to target elements based on attributes was added in CSS 2.1 while your way of doing it has been around since the beginning. Although less compatible, the market share of browsers that do not support CSS 2.1 is very minimal, and shrinking every day.

See here for more info: http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

Dryden Long
  • 10,072
  • 2
  • 35
  • 47
  • Just for more reference, here is a chart of browsers and their support of CSS 2.1 Pretty much everything but IE6 and below support it, but still, your method which is CSS1 is supported by all browsers. http://caniuse.com/css-sel2 – Dryden Long Aug 15 '13 at 21:20