Hướng dẫn css inherit from another style - css kế thừa từ kiểu khác

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

.Style1
{
   background-color:white;
}

Và một phong cách thứ hai như thế này:

.Style2
{
   border: black solid 1px;
}

Làm thế nào để tôi có được

.Style2
{
   border: black solid 1px;
}

.Style2
{
   border: black solid 1px;
}

Malcolm

Amal k

3.9192 Huy hiệu vàng18 Huy hiệu bạc40 Huy hiệu đồng2 gold badges18 silver badges40 bronze badges

Đã hỏi ngày 22 tháng 7 năm 2009 lúc 9:11Jul 22, 2009 at 9:11

1

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

.Style2 {
     border: black solid 1px;
}

Theo cách này

.Style2
{
   border: black solid 1px;
}

.Style2
{
   border: black solid 1px;
}

.Style2
{
   border: black solid 1px;
}

Amal k

3.9192 Huy hiệu vàng18 Huy hiệu bạc40 Huy hiệu đồng2 gold badges18 silver badges40 bronze badges

Đã hỏi ngày 22 tháng 7 năm 2009 lúc 9:11Jul 22, 2009 at 9:19

10goto1010goto1010goto10

Theo cách này

.Style2
{
   border: black solid 1px;
}

.Style2
{
   border: black solid 1px;
}

.Style2
{
   border: black solid 1px;
}

0

Đã trả lời ngày 22 tháng 7 năm 2009 lúc 9:19

..

8961 Huy hiệu vàng8 Huy hiệu bạc10 Huy hiệu đồng

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

Không có sự kế thừa trong CSS. Gần nhất bạn có thể có được kế thừa là bằng cách chỉ định 2 lớp trong các phần tử HTML của bạn:

Hoặc bạn có thể chỉ cần sử dụng cùng một tên kiểu:Jul 22, 2009 at 9:17

Bây giờ Style1 sẽ có cả hai thuộc tínhPhilippe Leybaert

Đã trả lời ngày 22 tháng 7 năm 2009 lúc 9:1731 gold badges210 silver badges223 bronze badges

2

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

Philippe Leybaertphilippe LeybaertJul 22, 2009 at 9:15

166K31 Huy hiệu vàng210 Huy hiệu bạc223 Huy hiệu đồngDanDan

Đã trả lời ngày 22 tháng 7 năm 2009 lúc 9:158 gold badges51 silver badges68 bronze badges

Dandandandan

10.3k8 Huy hiệu vàng51 Huy hiệu bạc68 Huy hiệu Đồng

Theo như tôi biết, thực sự không có cách nào để làm điều này.

Hoặc bạn có thể chỉ cần sử dụng cùng một tên kiểu:Jul 22, 2009 at 9:17

Bây giờ Style1 sẽ có cả hai thuộc tínhpeirix

Đã trả lời ngày 22 tháng 7 năm 2009 lúc 9:1723 gold badges93 silver badges126 bronze badges

Philippe Leybaertphilippe Leybaert

166K31 Huy hiệu vàng210 Huy hiệu bạc223 Huy hiệu đồng

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

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

Đã trả lời ngày 22 tháng 7 năm 2009 lúc 9:15

Normal p text and style, style 1 type text.

DandandandanJul 22, 2009 at 9:18

10.3k8 Huy hiệu vàng51 Huy hiệu bạc68 Huy hiệu ĐồngDavid Thomas

Theo như tôi biết, thực sự không có cách nào để làm điều này.51 gold badges369 silver badges403 bronze badges

Tất nhiên bạn có thể tạo ra bất kỳ yếu tố nào bạn muốn áp dụng các phong cách đó để bao gồm cả hai tên lớp

.Style2
{
   border: black solid 1px;
}

class="style1 style2"

Và việc thiếu chức năng này là lý do có sự gia tăng OOCSS (CSS theo hướng đối tượng). Và các khung như ít hơn.

Amal k

3.9192 Huy hiệu vàng18 Huy hiệu bạc40 Huy hiệu đồng2 gold badges18 silver badges40 bronze badges

Đã hỏi ngày 22 tháng 7 năm 2009 lúc 9:11Jul 22, 2009 at 9:16

b0x0rzb0x0rzb0x0rz

Theo cách này

.Style2
{
   border: black solid 1px;
}

.Style2
{
   border: black solid 1px;
}

.Style2
{
   border: black solid 1px;
}

Đã trả lời ngày 22 tháng 7 năm 2009 lúc 9:19

.Style2
{
   border: black solid 1px;
}

Hoặc bạn có thể chỉ cần sử dụng cùng một tên kiểu:Jul 22, 2009 at 9:17

Bây giờ Style1 sẽ có cả hai thuộc tínhAlexC

Đã trả lời ngày 22 tháng 7 năm 2009 lúc 9:1717 gold badges63 silver badges97 bronze badges

Tài sản CSS nào có thể được kế thừa?

Có phải tất cả các thuộc tính CSS được kế thừa?

Điều ngược lại với kế thừa trong CSS là gì?