Cách thích hợp để ghi đè một: đã truy cập với Rails 3 và Foundation 4 là gì?

Question

Tôi đang làm việc trên một dự án Rails mới sử dụng Quỹ 4. Tôi quay một liên kết vào một nút sử dụng các lớp Foundation:

<%= link_to 'New Item', new_item_path, :class => "small button round" %> 

Nút xuất hiện, trông như tôi dự định:

Tuy nhiên, một khi tôi đã đến thăm liên kết, nó trông như thế này:

Không tuyệt vời như vậy.

Tôi nhìn qua CSS và thấy rằng màu sắc liên kết đến thăm đang được đặt trong scaffolds.css.scss:

a { 
    color: #000; 
    &:visited { 
    color: #666; 
    } 
    &:hover { 
    color: #fff; 
    background-color: #000; 
    } 
} 

Làm thế nào để đúng cách hủy thay đổi màu sắc này trên liên kết của tôi? Tôi biết tôi chỉ có thể xóa phần &:visited, nhưng điều đó có vẻ quá bạo lực. Tôi nghĩ rằng có một cách thanh lịch hơn nhưng kiến ​​thức CSS/SCSS/Foundation của tôi quá mỏng.

Answer 1

Không có cách nào để xóa bộ chọn giả truy cập, bởi vì nó được trình duyệt của người dùng thêm sau khi bạn phục vụ trang. Nếu bạn muốn ghi đè thay đổi màu cho tất cả các liên kết, hãy xóa &: đã truy cập. Nếu bạn chỉ muốn ghi đè lên các nút đó, hãy thêm:

a.button { 
    &:visited { 
    color: #fff !important; 
    } 
} 

Điều này sẽ chỉ thay đổi màu liên kết đã truy cập cho lớp nút.

Answer 2

Xóa scaffold.css.scss của bạn nếu nó 'vừa được tạo bởi lệnh rails g scaffold. Nó có lẽ là dư thừa khi sử dụng nền tảng zurb và có thể phá vỡ vài thứ khác nữa.