Nêu ý nghĩa của mẫu định dạng sau: h1.test + p:hover {font-size: 2em; }
Nêu ý nghĩa của mẫu định dạng sau:
Sách bài tập Tin học 12 Bài 17: Các mức ưu tiên của bộ chọn - Kết nối tri thức
Câu 17.6 trang 47 SBT Tin học 12: Nêu ý nghĩa của mẫu định dạng sau:
h1.test + p:hover {font-size: 2em; }
A. Khi di chuyển chuột lên một đoạn văn bản bất kì (phần tử p) thì chữ sẽ cao lên gấp đôi.
B. Khi di chuyển chuột lên phần tử p nằm ngay sau h1 thì chữ sẽ cao lên gấp đôi.
C. Khi di chuyển chuột lên phần tử p nằm ngay sau h1 với điều kiện h1 thuộc lớp test thì chữ của đoạn này sẽ cao gấp hai lần kiểu chữ của phần tử gốc.
D. Khi di chuyển chuột lên phần tử p nằm ngay sau h1 với điều kiện h1 thuộc lớp test thì chữ của đoạn này sẽ cao gấp hai lần kiểu chữ hiện có.
Lời giải:
Đáp án: D. Vì:
h1.test: Chọn phần tử h1 có class là "test".
+ p: Chọn phần tử p (đoạn văn bản) nằm ngay sau phần tử h1.test.
Áp dụng hiệu ứng khi di chuyển chuột lên phần tử p.
font-size: 2em: Khi hiệu ứng hover xảy ra, kích thước chữ của phần tử p sẽ lớn gấp đôi (2em) so với kiểu chữ hiện có.
Lời giải sách bài tập Tin học 12 Bài 17: Các mức ưu tiên của bộ chọn hay khác:
Câu 17.1 trang 46 SBT Tin học 12: Câu nào sau đây là đúng nhất về pseudo-class (lớp giả)? ....
Câu 17.2 trang 46 SBT Tin học 12: Câu nào sau đây là đúng nhất về pseudo-element (phần tử giả)? ....
Câu 17.5 trang 47 SBT Tin học 12: Tính trọng số của các mẫu định dạng CSS với bộ chọn như sau: ....
Câu 17.7 trang 47 SBT Tin học 12: Cho đoạn mã HTML sau: ....