CSS筛选器是CSS提供的一种用来选择元素的方法,常常使用在CSS的规则声明中以选定特定的HTML元素并设定相应的样式。
子元素是指某个元素下面的所有直接子元素,即它的儿子元素。CSS筛选器中有两种筛选直接子元素的方法:父子选择器和子元素选择器。
/* 父子选择器 */ parent >child { /* 样式声明 */ } /* 示例 */ ul >li { margin-bottom: 10px; }
父子选择器使用“>”符号来连接一个父元素和一个子元素,可以选择该父元素下所有直接子元素。在上面的示例中,我们选中了ul元素下面的所有li元素并设定了它们的下外边距为10px。
/* 子元素选择器 */ parent child { /* 样式声明 */ } /* 示例 */ ul li { font-weight: bold; }
子元素选择器使用一个空格来连接一个父元素和一个子元素,可以选择该父元素下所有后代元素。在上面的示例中,我们选中了所有嵌套在ul元素之内的li元素并设定它们的字体加粗。
总之,父子选择器和子元素选择器都是CSS中用于筛选子元素的方法,可以通过它们选择特定的元素并为它们设定相应的样式。