这是合法的css3选择器语法吗？div>p{font-size:5em;} div后面那个小于符号什么意思？

html-css07

这是合法的css3选择器语法吗？div>p{font-size:5em;} div后面那个小于符号什么意思？,第1张

可以这么写，举个例子就很容易弄明白：

<div>

<p id="p1"></p>

<b><p id="p2"></p></b>

<ul>

<li><p id="p3"></p></li>

<li><div><p id="p4"></p></div></li>

</ul>

</div>

这个例子中如果是div p{font-size:5em}，那div中所有的p（p1,p2,p3,p4）都会加上字体大小5em。

但是如果是div>p这种写法，那只有p1、p4会加上这个属性。

在这里小于号表示只有p是跟在div后面的一级子元素，属性才会起作用。

可采用响应式布局。

@media screen and (max-width:320px){

 css代码  

}

上面代码说明，如果当前屏幕大于320像素则执行下面css代码。