2014-02-13 2 views
0

저는 스타일 시트에 대한 제한된 액세스 권한을 허용하지만 특정 템플릿에 CSS를 삽입 할 수있는 콘텐츠 관리 시스템에서 일하고 있습니다. 그래서이있다 : inside_widget, 입력 및 form_label 모두 내가 건드릴 수 없어 시트에 정의되어스타일 속성을 사용하여 클래스를 정의 (재 지정) 할 수 있습니까?

<div class="inside_widget"> 
    <div class="input"><span class="form_label">Form stuff</span></div> 
    <div class="input"><span class="form_label">Form stuff</span></div> 
    <div class="input"><span class="form_label">Form stuff</span></div> 
    etc... 
</div> 

. 모든 단일 범위를 건드리지 않고 "form_label"에 사용자 정의 CSS를 넣고 싶습니다.

포함 div의 스타일 속성을 사용했지만 시도했지만 작동하지 않았습니다.

<div class="inside_widget" style=".form_label {color:#FFFFFF;}" > 

참고 : 나는 inside_widget 스타일링의 다른 모든 것을 유지하고, 완전히 새로운 클래스를 정의 할 필요가 없게합니다.

답변

1

당신이 원하는대로 추가 제안합니다 그의 형태로 단 하나의 <span>. 그런 다음 자신의 차 스타일 시트를 만들어 myclass 정의

<div class="inside_widget myclass" ...> 
    <!-- ... --> 
</div> 

을 :

.myclass span 
{ 
    color: #ffffff; 
} 

당신이 차를 넣을 수 있습니다

단순히 바깥 DIV의 클래스에 자신의 클래스 이름을 추가하여 수행 할 수 있습니다 CSS는 HTML 자체의 <style> 태그 또는 연결된 CSS 파일에 있습니다.

+0

감사합니다. 간단하고 효과적입니다. 당신은 모든 양식 요소를 치는 것을 피하려고 노력 중입니다. 귀하의 솔루션이이를 성취했습니다. 고맙습니다! –

1

아래에서 수행 할 수 있습니다. 스타일 시트에 그들이 가진 규칙이없는 한이 같은

<span class="form_label" style="color:#FFFFFF;">Form Stuff</span> 

인라인 스타일, 스타일 시트의 모든 CSS 규칙을 덮어 쓰게됩니다! 중요한

+0

그럴 수는 있지만 모든 죄를 사냥해야합니다. 털이 많은 form_label 인스턴스. Form_label을 한 번 재정의하려고했습니다. –

0

당신은 CSS의 권리를 몰라?

<div class="inside_widget" style="color:#FFFFFF;" > 

처럼하지만 난 당신이 새로운 CSS 파일을 생성하고 난 OP마다의 style="" 속성을 반복하지 않아도됩니다 달성하기 위해 노력하고 무엇을 생각 같은

+0

이 솔루션의 문제점은 특정 하위 클래스에만 적용하고 나머지 inside_widget은 제거하지 않으려는 경우 inside_widget의 모든 내용을 #FFFFFF로 만듭니다. –

관련 문제