30/09/2018, 19:34
Hỏi về HTML-CSS
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>Result</title>
</head>
<body>
<h3 class="fancy">
<p class="fancy">paragraph 1</p>
<p id="serious">paragraph 2</p>
<p>paragraph 3</p>
</h3>
</body>
</html>
.fancy {
font-family: cursive;
color: violet;
}
#serious {
font-family: Courier;
color: #8C8C8C;
}
p :nth-child(4) {
font-size: 26px;
}
Đoạn code trên có gì sai không mà máy cứ báo là không gán font-size 26 px cho đoạn paragraph 3.
Mong mọi người chỉ giúp
Bài liên quan
chẵn có lỗi gì p thứ 1 và thử ảnh hưởng luật 1 và p 2 ảnh hưỡng luật 2. Nếu có sai sót hảy xem ngoài 2 luật trên còn luật nào khác không
Xem qua thử
Code của bạn bi sai ở chỗ có space giữa p và : , bạn xóa space thì sẽ chạy được.
Và do HTML của bạn, tag h3 đóng ở bên dưới nên tag p cuối cùng của bạn chỉ index đến 3 thôi. Nên sửa lại như bên dưới là chạy được:
vẫn không được bạn à
p :nth-child(4) {
font-size: 26px;
}
sửa thành
p:nth-child(3) {
font-size: 26px;
}
Làm như thế này thì nó sẽ select những thẻ type là p là ‘child’ và nó là child thứ 3 nằm trong parent element