css有没有办法让<ul>标签下的第一个<li>单独赋予属性
2个回答
展开全部
ul li { ...所有li的公共属性... }
ul li:first-child { ...单独赋予第一个li的属性... }
追问
兼容模式下可以,极速模式不可以
追答
你应该是说反了吧?应该是极速模式可以,兼容模式才有可能出问题。在IE8及以下版本中,文档开头必须有 <!DOCTYPE> 声明才能使用:first-child伪类
下面代码试试:
<!DOCTYPE html>
<html>
<head>
<style>
p:first-child
{
background-color:yellow;
}
</style>
</head>
<body>
<p>这个段落是其父元素(body)的首个子元素。</p>
<h1>欢迎访问我的主页</h1>
<p>这个段落不是其父元素的首个子元素。</p>
<div>
<p>这个段落是其父元素(div)的首个子元素。</p>
<p>这个段落不是其父元素的首个子元素。</p>
</div>
<p><b>注释:</b>对于 IE8 及更早版本的浏览器中的 :first-child,必须声明 <!DOCTYPE>。</p>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询