1.如果你的title類和list類可能出現(xiàn)復用也就是其他元素也可能用到這兩個類的情況下那肯定是分開寫的
2.如果只是要定義list的樣式，那么一個類就夠了

首先。。。
你這個命名就很有問題。。。
一般title應該只有一個吧，而一個list代表的是一個列表，這兩個平級。。。你的html到底要寫什么結(jié)構(gòu)出來。。。
其實css最難的只有命名，其命名決定了他的復用跟封閉。至于選擇器的選擇都不是問題。
比如你是要把list item進行封裝
此時你很明確，一個list里面必須有item，Item必須在list里面
那么就是
.list .item甚至是.list>.item
這樣可以最大程度得保證你的樣式不會錯亂。
至于性能我覺得你可以先不要去關(guān)心。先考慮復用性，寫多了自然知道怎么選擇了，自然知道什么地方好什么地方不好。
至于怎么保持高復用性，其實我自己的建議是使用scss這種預處理器去寫，然后堅持一個原則，以前的時候的頁面源代碼結(jié)構(gòu)通常是
page

.js
.html
.css/.scss

現(xiàn)在變成
page

.js
.html

style

.css

這種結(jié)構(gòu)來寫。我覺得就可以強制性的去提高復用性了。當你在寫js的時候，或許你是在寫業(yè)務，而當你在寫css的時候，要去意識到自己寫的是一個框架(當然想vue這種就應該考慮怎么不寫css不引入樣式框架而一切復用都用組件解決了)
我也是還在學習中，希望給你點幫助