CSS 작명법은 어떻게 하는게 좋을까요?

경력 5년차 웹솔루션 개발자입니다.<br />
<br />
자바하러 회사왔는데 델파이랑 C++, 자바스크립트하다가<br />
<br />
웹소켓이나 웹표준 안맞는 css로 퍼블리셔들과 프로젝트에서 싸우는일 하면서 css 기능을 익혔습니다.<br />
<br />
그리고 최근에는 코뿔소책, 비둘기책 읽으면서 자바스크립트를 깊이 파고 있습니다.<br />
<br />
그리고 리액트를 공부하다가 쇼핑몰 프로젝트를 영카트로 하는데, css 기능이나 하향원리, 박스모델, 우선순위, 상속방식, 미디어쿼리 기능은 다 알겠는데 작명법때문에 막히고 있습니다.<br />
<br />
리스트객체면 .list로 시작하고 내부자식이름을 element, 그리고 먼가 변화하는 상태는 div.isSelected, isRed 이런식으로 주는데요. 그러는데... 이렇게 작명하면되는건지.. 전문 퍼블리셔분들은 어떻게하시나요? <br />
개발하다 정식교육없이 프론트앤드로 넘어와서 ㅜㅜ<br />
<br />
효율적이고 구체적인 방식이 있으면 그런책이 있으면 추천해주심 감사드리겠습니다!.