ROR에서 정의한 뷰를 스타일 시트에 적용하는 방법

Question

다음과 같은 문제가 있습니다. 나는이보기 응용 프로그램 /보기/홈/index.html.erb

<h1 id="title">Index</h1> 
<table width="300"> 
<tr> 
    <td class="title">Table Users</td> 
    <td><%= link_to 'Users' ,users_path %></td> 
</tr> 
<tr> 
    <td class="title">Table Provinces</td> 
    <td><%= link_to 'Provinces' ,provinces_path %></td> 
</tr> 
<tr> 
    <td class="title">Table BreakPoints</td> 
    <td><%= link_to 'BreakPoints' ,break_points_path %></td> 
</tr> 
<tr> 
    <td class="title">Table Bus Companies</td> 
    <td><%= link_to 'Bus Companies' ,bus_companies_path %></td> 
</tr> 
<tr> 
    <td class="title">Table Seat Types</td> 
    <td><%= link_to 'Seat Types' ,seat_types_path %></td> 
</tr> 
</table> 

나는 컨트롤러 가정을위한 스타일 앱/자산/스타일/home.css.sass

// Place all the styles related to the Home controller here. 
// They will automatically be included in application.css. 
// You can use Sass (SCSS) here: http://sass-lang.com/ 
td{ 
    text-align: left; 
} 
table{ 
    margin-left: 170px; 
    border-style: solid; 
} 

호출 된이 문제는 예를 들어 border-style-solid처럼이 컨트롤러 홈에 적용되는 CSS 속성이보기에 적용된다는 것입니다. 예를 들어 app/views/home/index.html.erb와 같이 다른 컨트롤러가 컨트롤러 홈뿐만 아니라보기를 적용합니다. 응용 프로그램의 모든 테이블에는 border-style-solid가 있고 app/views/home/index.html.erb의보기에는 border-style이 있어야합니다 : solid

Answer 1

집의 테이블에 클래스를 지정하십시오 home.css에서 클래스를 정의합니다.

응용 프로그램 /보기/홈/index.html.erb

<h1 id="title">Index</h1> 
<table class="home-table" width="300"> 

응용 프로그램/자산/스타일/home.css.sass

// Place all the styles related to the Home controller here. 
// They will automatically be included in application.css. 
// You can use Sass (SCSS) here: http://sass-lang.com/ 
table.home-table td{ 
    text-align: left; 
} 
.home-table{ 
    margin-left: 170px; 
    border-style: solid; 
}