Tạo kiểu và CSS

Question

Gần đây tôi đã tìm thấy sự cố với kiểu dáng của vùng văn bản. Khi tôi chèn mã sau vào tệp xem của Yii Ứng dụng và mã tạo kiểu được cung cấp dưới đây trong tệp CSS, đường viền của vùng văn bản vẫn như khi gặp phải lỗi, tức là khi tôi không nhập bất kỳ văn bản nào vào vùng văn bản.

Xem mã tập tin

<div class="form"> 
     <?php echo $form->labelEx($model,'body'); ?> 
     <div class="clear"></div> 
     <?php echo $form->textArea($model,'body',array('style' => 'min-width:80%;max-width:80%;min- height:20%;max-height:200px;border:1px solid #666')); ?> 
     <?php echo $form->error($model,'body'); ?> 
</div> 

CSS

.form .error label:first-child,.form .error { 
color:#C00; 
} 
.form div.error textarea,div.form textarea.error{ 
background:#FEE; 
border-color:#C00; 
} 

Bây giờ khi tôi chèn inline CSS mã bên trong kiểu dáng bên ngoài:

array('style' => 'min-width:80%;max-width:80%;min- height:20%;max-height:200px') 

Màu của đường viền của các thay đổi vùng văn bản như tôi muốn. Tôi chỉ muốn biết, cho dù điều này xảy ra do ưu tiên cao hơn của phong cách nội tuyến hơn so với bản định kiểu hoặc do bất kỳ lý do nào khác.

Answer 1

này nghe có vẻ như một vấn đề đặc hiệu, bạn có thể đọc về nó here nhưng các ý chính nói chung là một loại ưu tiên trong CSS như sau:

1. !important
2. phong cách Inline div style="color=red"
3. ID yếu tố của div id=""
4. Lớp học, thuộc tính và lớp học giả class="", :focus
5. Các yếu tố và các thành phần giả body, :before

Điều đầu tiên bạn có thể làm để kiểm tra nếu nó là một vấn đề đặc trưng là sử dụng !important sau khi tuyên bố, nếu mà làm việc, đó là, bạn đang định phong cách ở nơi khác và cần phải ghi đè lên nó với một cái gì đó nhiều hơn cụ thể (có thể yêu cầu ID)