CSS中的%>
選擇器,又稱為直接子元素選擇器,是一種非常常用的CSS選擇器。它可以選中某個元素的子元素,但只限于直接子元素。
/* 選中所有div中的直接子元素p */ div >p{ font-size: 16px; color: #333; }
上面的代碼就表示選中所有div中的直接子元素p,然后設置它們的字體大小為16px,顏色為#333。這樣就可以實現只選中某個元素下一級子元素而不選中更深一層的子元素了。
需要注意的是,%>
選擇器不僅限于對div的子元素起作用,它可以作用于所有的HTML元素。例如:
/* 選中所有ul元素下的直接子元素li */ ul >li{ list-style: none; background-color: #eee; }
上面的代碼就表示選中所有ul元素下的直接子元素li,并設置列表樣式為none,背景顏色為#eee。
總的來說,%>
選擇器是一種非常實用的CSS選擇器,用來選中某個元素下的所有子元素中的一層元素,對頁面的布局和樣式有著很大的幫助。