Hỏi về HTML-CSS

Canh_Le_Quang · February 4, 2016, 2:44am

<!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

Luong_Minh · February 4, 2016, 2:52am

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

yuh · February 4, 2016, 3:05am

Xem qua thử

hoavo · February 4, 2016, 3:30am

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:

p:nth-child(3) {
    font-size: 26px;
}

Canh_Le_Quang · February 4, 2016, 3:32am

vẫn không được bạn à

cuongchi_tran · February 4, 2016, 9:24am

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