Yes you can use those but remember they will be of no use to you without the viewport meta tag I mentioned in my post. You must first have the viewport meta tag before the device will behave properly otherwise it will still be minuscule and shrunk to fit.
Making a separate mobile stylesheet is generally regarded as not the way to approach this because you are still working with the same html so you will be duplicating lots of stuff if you keep them separate. The browser will download both files anyway even if it only uses one of them.
Device width will work but you are limiting yourself to a fixed number of devices and there will be loads that you miss. Max-width and min-width media queries focussed on the design and not the device are the better way to handle this and then you cater for all devices automatically if you make the page correctly to start with.
You shouldn't think of mobile as a separate entity as its really just someone with a smaller viewport so you should make your design fit the whole range on the desktop (open and close the window) and then it will fit all devices as well.
If I close the window on my desktop browser I don't really want all the content cut off and have to scroll to see it. I would like the content to adapt to the size of my viewport.
To answer your question yes you can use those stylesheets as long as you have the viewport meta tag in place but expect to miss quite a few devices along the way (not to mention all the various tablet sizes that abound).