Sử Dụng Selector CSS để Chọn Một Trong Bảng - Programming Trang chủ » Bảng Css Selector » Sử Dụng Selector CSS để Chọn Một Trong Bảng - Programming Có thể bạn quan tâm Bảng Cs Vk Max Hso Bảng Ct đạo Hàm Bảng Ct F2l Bằng Cth Bảng Cthh Sử dụng Selector CSS để chọn một trong bảng programming css TDM (Đạt Phạm) August 4, 2018, 3:43pm #1 Mình có một cái bảng như thế này: image.png1350×295 16.9 KB Bây giờ mình muốn chọn tất cả các cột có đoạn text là: Hệ điều hành Windows để căn giữa thì dùng Selector nào ? Đây là code HTML của mình <div id="table"> <table border="1"> <thead> <tr> <td rowspan="2">Nhóm học phần</td> <td rowspan="2">Môn học</td> <td colspan="2">Số tiết</td> </tr> <tr> <td>Lý thuyết</td> <td>Thực hành</td> </tr> </thead> <tbody> <tr id="tinhoc"> <td rowspan="7"> I<br/> Tin học văn phòng </td> </tr> <tr> <td>Hệ điều hành Windows</td> <td>1</td> <td>1</td> </tr> <tr> <td>Hệ điều hành Windows</td> <td>1</td> <td>1</td> </tr> <tr> <td>Hệ điều hành Windows</td> <td>1</td> <td>1</td> </tr> <tr> <td>Hệ điều hành Windows</td> <td>1</td> <td>1</td> </tr> <tr> <td>Hệ điều hành Windows</td> <td>1</td> <td>1</td> </tr> <tr> <td>Hệ điều hành Windows</td> <td>1</td> <td>1</td> </tr> <tr id="kythuat"> <td rowspan="3"> II<br/> Kỹ thuật lập trình VB.Net </td> </tr> <tr> <td>Hệ điều hành Windows</td> <td>1</td> <td>1</td> </tr> <tr> <td>Hệ điều hành Windows</td> <td>1</td> <td>1</td> </tr> <tr id="more"> <td colspan="5">...</td> </tr> </tbody> </table> </div> drgnz (Drgnz) August 5, 2018, 1:18pm #2 Đây là code CSS của mình Có sao đọc vậy nên cái selector nó xấu tệ tbody > tr:not(:first-child):not(:last-child):not(#kythuat) > td:first-child { background: red; } 6 Likes Lovemagic August 5, 2018, 6:35am #3 jQuery có contains oI6wArt.png1125×336 x = $('td:contains("Hệ điều hành Windows")'); Array.from(x).map(v => v.style.color = 'red'); 4 Likes Gony (Trường Giang) August 5, 2018, 12:22pm #4 <style> #center { text-align: center; } </style> Go dùng id center cho tag ở mỗi dòng “Hệ điều hành windows”. Như vậy cho dù bảng có thay đổi kích thước, thì text bên trong vẫn được căn giữa. <td id="center">hệ điều hành Windows<td> Bạn có thể áp dụng cho tag nếu muốn mọi text trong tag được căn giữa bằng CSS selector như sau: <style> tr { text-align: center; } </style> Ví dụ code của Go trong case này là: <style> #center { text-align: center; } </style> <div id="table"> <table border="1"> <thead> <tr> <td rowspan="2">Nhóm học phần</td> <td rowspan="2">Môn học</td> <td colspan="2">Số tiết</td> </tr> <tr> <td>Lý thuyết</td> <td>Thực hành</td> </tr> </thead> <tbody> <tr id="tinhoc"> <td rowspan="7"> I<br/> Tin học văn phòng </td> </tr> <tr> <td id="center">Hệ điều hành Windows</td> <td>1</td> <td>1</td> </tr> <tr> <td id="center">Hệ điều hành Windows</td> <td>1</td> <td>1</td> </tr> <tr> <td id="center">Hệ điều hành Windows</td> <td>1</td> <td>1</td> </tr> <tr> <td id="center">Hệ điều hành Windows</td> <td>1</td> <td>1</td> </tr> <tr> <td id="center">Hệ điều hành Windows</td> <td>1</td> <td>1</td> </tr> <tr> <td id="center">Hệ điều hành Windows</td> <td>1</td> <td>1</td> </tr> <tr id="kythuat"> <td rowspan="3"> II<br/> Kỹ thuật lập trình VB.Net </td> </tr> <tr> <td>Hệ điều hành Windows</td> <td>1</td> <td>1</td> </tr> <tr> <td>Hệ điều hành Windows</td> <td>1</td> <td>1</td> </tr> <tr id="more"> <td colspan="5">...</td> </tr> </tbody> </table> </div> 1 Like TDM (Đạt Phạm) August 5, 2018, 1:18pm #5 Thank you Thank you TDM (Đạt Phạm) August 5, 2018, 1:18pm #6 Cảm ơn bạn nhé ! TDM (Đạt Phạm) August 5, 2018, 1:19pm #7 Ok, thank you so much DayNhauHoc's Discord Học C++ Free? Click Blog Dạy Nhau Học Tự Học Lập Trình 83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao? Từ khóa » Bảng Css Selector Bảng đối Chiếu Các CSS Selector - Đại Phố Web & Hosting CSS Selector Là Gì? 8 Loại CSS Selector CẦN BIẾT 30 Bộ Chọn CSS Bạn Phải Thuộc Lòng - Code Tutsplus Selector Chọn Phần Tử Trong CSS CSS Selectors Reference - W3Schools 30 CSS Selectors Cần Nhớ (P1) - Viblo Hướng Dẫn Và Ví Dụ CSS Selectors Cơ Bản - Openplanning Cú Pháp CSS, Selector Trong CSS - Hoclaptrinh Cú Pháp Và Selector Trong CSS Tổng Hợp Các Bộ Chọn Trong CSS | Tìm ở đây Selector Là Gì? Tìm Hiểu CSS Selector Căn Bản - Freetuts 5 Kiểu Vùng Chọn CSS Cơ Bản (Selectors) - ThachPham Bộ Chọn CSS (CSS Selector) - Học Css Cơ Bản đến Nâng Cao - VietTuts CSS Selector Là Gì? Các Loại Selectors Phổ Biến - Bizfly Cloud
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao? 
