Open CSS files in MacOS document-based App

I want the my app can open, create, edit, safe and write CSS file. because css file are known file type, I set the info in Imported Type end added the info in Document Type as you can see in images.

when I run the app and click on open button of menu, I see css file but they are not selectable.

Why? How can I fix the problem?

here the images:

The identifier for CSS files should be public.css, not com.example.css.

If the CSS files still aren't selectable, delete the document type you have with the identifier com.example.plain-text. In a test project what I had to do to make CSS files selectable was to have one CSS document type for the app with identifier public.css and an imported type identifier for CSS with identifier public.css.

Unfortunately the project editor won't let you delete a document type. You will have to select the Info.plist file from the left side of the project window to delete a document type.

Open CSS files in MacOS document-based App
 
 
Q