Tôi có mã CSS bên dưới trong một số tệp CSS của cổng Web Liferay.html> biểu hiện trong CSS là gì?
html> có ý nghĩa gì? Khi nào nên sử dụng?
.lfr-dockbar-pinned {
.dockbar {
left: 0;
position: fixed;
right: 0;
top: 0;
}
.pin-dockbar img {
background-image: url(../images/dockbar/unpin.png);
}
}
html > .lfr-dockbar-pinned {
padding-top: 3.45em;
}
Một phần tử với lớp lfr-dockbar-pinned đó là một hậu duệ con trực tiếp của các yếu tố html. Xem: http://www.w3.org/TR/CSS2/selector.html#child-selectors
Nó đại diện cho một phần tử là hậu duệ trực tiếp của phần tử html (Như @adrian đã nói).
Nói cách khác, nó sẽ chọn tất cả các yếu tố trong đó yếu tố phụ huynh là <html> mà trong trường hợp này sẽ chỉ <body>
Vì vậy, ví dụ
div > p {
/* This will select all p elements where parent is div */
}
Câu trả lời của bạn có vẻ không đầy đủ. Thông thường bạn không mở với "Nói cách khác" - biểu thức đó có nghĩa là bạn đã cố gắng nói điều gì đó theo một cách, sau đó bạn nói nó "nói cách khác" theo một cách khác. – BoltClock
@BoltClock Done :) –
Nó chọn phần tử con.
Ví dụ: body> p chọn tất cả < p> các phần tử là phần tử con trực tiếp của phần tử.
Với mã này (từ bình luận của bạn):
<body class="... lfr-dockbar-pinned ...">
Trong trường hợp này nó phân biệt giữa cơ thể, khi nó có lớp lfr-dockbar-pinned, và một yếu tố có cùng lớp. Điều này cho phép áp dụng kiểu dáng khác nhau cho từng yếu tố đó.
Nhưng 'body' là hậu duệ trực tiếp của' html'. – BoltClock
Đây là trường hợp duy nhất thực sự có ý nghĩa. '
' và '' phải là các chỉ tiêu DIRECT duy nhất của '', do đó, thời gian duy nhất áp dụng là khi thẻ '' có một lớp. (Trong trường hợp này 'lfr-dockbar-pinned') –BoltClock, bạn nói đúng. Tôi ngay lập tức bối rối ở đó. – isherwood
Tò mò tại sao người ta chọn 'html> .lfr-dockbar-pinned' - đó là lớp được gắn với phần tử' body'? – BoltClock
Có được gắn với phần tử 'body'. Đây là mã - '
'. Không chắc chắn lý do tại sao họ (Liferay) đã làm như vậy .. –@VikasV Có lẽ đó là một mẫu joomla –