Câu hỏi/bài tập:
Sửa lại CSS trên, thay đổi định dạng khung viền cho phần tử p. Em hãy kiểm tra xem tính chất này có kế thừa cho các phần tử con không.
Việc kế thừa trong CSS, có một số tính chất có thể được kế thừa từ phần tử cha xuống phần tử con, như color và font-family. Tuy nhiên, tính chất border không được kế thừa.
Thay đổi định dạng => nhận xét sự kế thừa.
em {
background-color: lightgreen;
border: 1px solid red;
}
p {
Advertisements (Quảng cáo)
color: blue;
border: 2px dashed purple; /* Thêm định dạng khung viền cho phần tử p */
padding: 10px; /* Thêm padding để khung viền không dính vào chữ */
}
Tim-berners-lee {
background-color: yellow;
border: 2px solid green;
padding: 5px;
}
Việc kế thừa trong CSS, có một số tính chất có thể được kế thừa từ phần tử cha xuống phần tử con, như color và font-family. Tuy nhiên, tính chất border không được kế thừa. Điều này có nghĩa là, nếu áp dụng một khung viền cho một phần tử p, các phần tử con bên trong p (ví dụ như em, span, hoặc strong) sẽ không tự động kế thừa khung viền đó. Mỗi phần tử sẽ chỉ có khung viền nếu bạn một cách rõ ràng định nghĩa nó trong quy tắc CSS của mình cho phần tử đó.