Thừa hưởng từ phong cách khác trong một phong cách khác

Question

Nếu có một phong cách như thế này

.Style1 
{ 
    background-color:white; 
} 

Và phong cách 2 như thế này.

.Style2 
{ 
    border: black solid 1px; 
} 

Làm cách nào để Style2 có Style1 làm kiểu cơ sở ???

Malcolm

Answer 1

<... class="style2 style1" ..> 

Answer 2

điều ở đây là để chỉ đơn giản là sử dụng nó như (ví dụ)

class="style1 style2" 

điều này có nghĩa phần tử sẽ sử dụng style1 sau đó style2 (trọng style1 với style2 nếu có chồng chéo xảy ra ví dụ: nếu bạn sử dụng cùng một thuộc tính trong cả hai thuộc tính cuối cùng sẽ được sử dụng).

Answer 3

Theo như tôi biết, không có cách nào để thực hiện việc này.

Bạn dĩ nhiên có thể làm bất cứ điều gì yếu tố mà bạn muốn áp dụng những phong cách bao gồm cả tên lớp <div class="style1 style2">

Và việc thiếu chức năng này là lý do có được một tăng OOCSS (Object Oriented CSS). Và các khuôn khổ như Less.

Answer 4

Sử dụng phương pháp này:

<div class="Style1"> 
    <div class="Style2">bla bla bla</div> 
</div> 

Answer 5

Không có kế thừa trong CSS. Gần nhất bạn có thể nhận thừa kế là bằng cách xác định 2 lớp trong các yếu tố HTML của bạn:

<div class="Style1 Style2">..</div> 

Hoặc bạn chỉ có thể sử dụng tên phong cách giống nhau:

.Style1 { background-color:white; } 
.Style1 { border: black solid 1px; } 

Bây giờ Style1 sẽ có cả hai tính chất

Answer 6

Bạn có thể sử dụng

<span class="style1 style2"> 

hoặc xác định

span { /* define base styles for all spans here */ } 

span.style1 { /*inherits styles from span, and adds specific styles to that */ } 

Sử dụng với

<p>Normal p text and <span>style</span>, <span class="style1">style 1 type text</span>.</p> 

Answer 7

.Style1, .Style2 { 
    background-color:white; 
} 

.Style2 { 
    border: black solid 1px; 
} 

Bằng cách này Style1 và Style2 sẽ cả hai đã nền thiết lập để trắng, và chỉ Style2 cũng sẽ có một đường viền màu đen.