Làm thế nào để thêm lựa chọn CSS dựa trên tiêu đề trang

[PVS]

Vnxf.vn
1) Tạo template và script

Điều đầu tiên cần làm là để tạo ra một template mới trong đó bạn sẽ đặt jquery script của bạn. Bạn sẽ phải bao gồm nó trên máy của bạn bằng cách sử dụng theo cách bạn muốn.

Trong mẫu này, bạn sẽ đặt

<script>
	$( "h1:contains('yourtitle')" ).addClass( "yourclass" );
</script>

Mã này ít sẽ theo dõi h1 của bạn và sẽ phân tích nội dung của họ. Nếu nội dung này là "yourtitle", nó sẽ thêm lớp tùy chỉnh của bạn, khá dễ dàng. Tuy nhiên, chức năng này là trường hợp nhạy cảm, do đó bạn sẽ cần phải nhập tiêu đề (đôi khi nó không phải là một trong những gì bạn nhìn thấy trên trang của bạn).

2) Làm thế nào để kiểm soát toàn bộ?

Không có gì dễ dàng hơn, chỉ cần thêm vào sau mã mà bạn đã nhập.

<script>
	$("body:has(."yourclass")").addClass(newclass);
</script>

Dựa vào lớp bạn thêm nếu tiêu đề là "yourtitle", bạn sẽ phải thêm các lớp "newclass".
Mỗi thay đổi của bạn, muốn làm gì thì sau đó sẽ phải có .newclass tại beggining và cách này bạn sẽ thay đổi trang tốt hơn.