How to write CSS class in ADF

Following is an example of write CSS class. The advantage of using CSS class is to apply style to a specific component and do not affect the same component on other pages.

1. .yourClassName af|inputFile:update::content span:first-of-type {   
2.     max-width: 230px;   
3.     display: inline-block;   
4.     overflow: hidden;   
5.     text-overflow: ellipsis;   
6. }