CSS 클래스 이름에 대한 충돌 피하기

CSS 클래스로 스타일이 지정된 플러그인을 개발할 때 내 클래스 이름을 기존 CSS 클래스 이름과 충돌하지 않게 만드는 좋은 방법은 무엇입니까? 아무도 그 생각을하지 않았습니까?CSS 클래스 이름에 대한 충돌 피하기

다른 이름이 지정된 스타일 시트로 덮어 쓸 수 있습니까? – Lewis

어쩌면 플러그인에서 사용되는 클래스에 접두사를 추가하십시오. –

각 클래스 이름을 플러그인 이름 접두어로 시작하십시오.

예컨대

$(this).addClass('pluginName-mainBox');

2013-05-28 13:26:59

내 플러그인 이름이 고유하지 않은 경우, 좋은 것들은 실제로는 없습니다 ... 나는 대체 이름을 찾기 위해 Q876 $ 12_로 클래스 이름 접두사를 생각하고 있습니다. – user1514042

예, 여전히 문제가 있다고 생각되면 일련의 사전 정의 된 숫자 및 문자를 사용할 수 있습니다. 일부 프로그래머는 그 도메인 이름 등을 사용합니다. –

난 당신이 단순히 당신이 사용하는 각 클래스에 당신에게 플러그인 이름 또는 그 바로 가기의 일부를 추가 할 수 있습니다 추측 'pluginName'수업 'mainBox'사용이라는 이름의 플러그인.

같은 : 나는 예로서 AJAX 콤보 상자의 CSS 사용 .item

2013-05-28 13:28:31

.x-item에 "."후

.ajax__combobox_textboxcontainer 
.ajax__combobox_textboxcontainer input 
.ajax__combobox_buttoncontainer button 
.ajax__combobox_itemlist

을 컨트롤 키트의 이름, 이중 밑줄, 컨트롤 이름, 스타일 지정중인 컨트롤의 이름이 있습니다. 매우 장황하고 분쟁을 피하는 데 도움이됩니다. 이와 같은 접근 방식을 사용하는 것이 좋습니다.

2013-05-28 13:31:55

답변