- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
我对 nth-of-type
有点困惑伪类,以及它应该如何工作——尤其是与 nth-child
相比类。
也许我的想法是错误的,但是考虑到这个结构
A
B
1
2
3
..第三个子元素(第一个带有类标签)应该(也许?)可以用
选择.row .label:nth-of-type(1) {
/* some rules */
}
但是,至少在这里的 chrome 中,它不会选择它。它仅在它是行中的第一个子项时才有效,这与 nth-child
相同- 因此,这和 nth-of-type
有什么区别? ?
câu trả lời hay nhất
nth-child
伪类指的是“第 N 个匹配的子元素”,意思是如果你有如下结构:
Hello
Paragraph
Target
Sau đó p:nth-child(2)
将选择第二个也是 p 的 child (即带“Paragraph”的 P
)。p:nth-of-type
将选择第二个匹配的P
yếu tố,(即我们的目标P
) .
Here's a great article on the subject by Chris Coyier @ CSS-Tricks.com
你的中断的原因是因为类型指的是元素的类型(即 phân chia
),但第一个 div 与你提到的规则不匹配(.row .label
),因此该规则不适用。
原因是, CSS is parsed right to left ,这意味着浏览器首先查看 :nth-of-type(1)
,确定它搜索类型为 phân chia
的元素,即也是其类型中的第一个,与 .row
元素匹配,第一个是 .icon
元素。然后它读取该元素应该具有 .label
类,这与以上任何内容都不匹配。
如果你想选择第一个标签元素,你要么需要将所有标签包装在它们自己的容器中,要么简单地使用 nth-of-type(3)
(假设有将始终是 2 个图标)。
另一种选择,(遗憾地)是使用...等待它...jQuery:
$(function () {
$('.row .label:first')
.css({
backgroundColor:"blue"
});
});
关于css - nth-of-type 与 nth-child,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9313769/
Tôi có một tệp css tên là main.css và một tệp khác tên là style.css. Làm cách nào tôi có thể thực hiện việc này trong main.css? .someClass { //áp dụng quy tắc cho
Trước khi cập nhật css của mình, tôi đã có thông tin sau trong login.css: body { hình nền: url('./pictures/fond.png');
Tôi có xung đột css giữa css lõi chia sẻ điểm 2013 và css của tôi. Vì vậy, tôi muốn đặt tất cả các lớp của mình vào div #s4-workspace nhưng tôi đã tìm cách nhóm tất cả các lớp vào đây
Tôi biết rằng bạn có thể ghi đè các thuộc tính CSS mà trang jsp kế thừa từ jsp chứa tệp CSS (tức là tệp CSS chung). Nhưng điều gì sẽ xảy ra nếu có một thuộc tính trong phần tử làm rối tung một trang cụ thể và tôi không muốn sử dụng nó trong trang đó chỉ bằng cách sử dụng CSS nội tuyến
Tôi vừa phát hiện ra thuộc tính meta quy mô ban đầu. Trước đây, tôi đã sử dụng default.css để xác định tất cả kiểu dáng và kích thước của mình (cho phông chữ và thành phần) để chúng hiển thị đẹp mắt trên màn hình máy tính để bàn của tôi. Sau đó, nếu bạn đang sử dụng
Tôi đang cố gắng sử dụng LESS CSS để viết CSS của mình. Tôi đã nhập các tệp style.less và less.js theo thứ tự. Bây giờ tôi muốn trích xuất CSS do LESS tạo ra. Có cách nào để làm điều này? Tôi không muốn sử dụng kịch bản
Tôi đã tự hỏi liệu có loại phần mềm nào có thể đọc nhiều kiểu nội tuyến trong tài liệu HTML và chuyển đổi tất cả các kiểu đó thành tệp css bên ngoài hay không. Nếu chỉ có một trang, tôi có thể làm thủ công. Nhưng có 100 trang. Có ai có ý tưởng gì không? Câu trả lời hay nhất là như ai đó đã nói, "
Khi tôi muốn di chuyển từ Thành phần được tạo kiểu sang Mô-đun CSS, vấn đề sau sẽ phát sinh. Giả sử tôi có thành phần kiểu sau, chấp nhận phần bù tham số động và chủ đề chuỗi CSS động: con
Có cách nào để xác định một lớp CSS bằng một lớp khác không? Ví dụ: nếu tôi có một lớp: .myClass{ Background-color: blue } thì có cách nào để xác định lớp thứ hai với myClas không?
Tôi đang cố gắng tạo một tập hợp các nút nằm ở cuối trang và được phân tách bằng một khoảng trắng cố định. Tôi đang sử dụng lệnh ng-repeat của AngularJS để lấy dữ liệu qua yêu cầu ajax và sau đó tôi sử dụng nó để hiển thị nút. Vấn đề của tôi là cho phép nhấn
Trình duyệt có phân tích cú pháp CSS khi tải tệp CSS không? Hoặc nó được phân tích cú pháp sau khi toàn bộ tệp CSS được trình duyệt tải xuống? Có sự khác biệt giữa các trình duyệt? Tôi có thể tìm thấy thông tin cơ bản này ở đâu? Vấn đề không phải là Tải và thực thi
Câu hỏi này đã có câu trả lời ở đây: Lớp CSS có thể kế thừa một hoặc nhiều lớp khác không? (29 câu trả lời) Đã đóng 3 năm trước. Tiêu đề hơi khó hiểu, để mình chỉ cho bạn nhé. Giả mạo
Tôi gặp phải vấn đề kỳ lạ nhất... Ở dạng đơn giản nhất, tôi có một tệp index.html có nội dung sau: (Tôi đã giảm đáng kể nó trong quá trình cố gắng xác định nguyên nhân gốc rễ) Khi tôi nhìn vào mã nguồn của trang tôi nhận được như sau:
Tôi đang sử dụng Mindscape Workbench để thu nhỏ các tệp scss của mình. Trang của tôi được thiết lập để sử dụng các tệp *.min.css. Vào những thời điểm ngẫu nhiên, tệp tối thiểu không được xuất bản cùng với phần còn lại của hệ thống. Tôi có rất nhiều css
Vui lòng cho tôi biết sự khác biệt giữa khung CSS và lưới CSS. Câu trả lời hay nhất Khung CSS cũng có thể là khung lưới CSS. Khung CSS Grid được sử dụng để xây dựng bố cục CSS. Có những khung có các công dụng khác ngoài bố cục tòa nhà, chẳng hạn như Hartija
Tôi có tệp original.css không thể xóa hoặc thay đổi khỏi trang. Bảng gốc.css { border-collapse: thu gọn khoảng cách đường viền: 0;
Tôi đã từng sử dụng bootstrap css import tốt. Nhưng tôi đang cố gắng sử dụng các mô-đun CSS nên tôi đã thêm một vài dòng. { test: /\.css$/, sử dụng:
Có cách nào để tạo nhóm css trong bộ chọn css không. Ví dụ: .SectionHeader { include: .foo; include: .bar;
Hôm nay tôi đã học hai khái niệm trong CSS, một là định vị CSS (tĩnh, tương đối, tuyệt đối, cố định) và thứ hai là CSS Margin, xác định khoảng cách giữa các phần tử. Giả sử tôi muốn di chuyển một phần tử, đây có phải là cách tốt nhất để làm điều đó không? Bởi vì hai khái niệm này dường như
var paths = { css: './public/apps/user/**/*.css' } var dest = { css: './public/apps/user/css/' } /
Tôi là một lập trình viên xuất sắc, rất giỏi!