html – 使用CSS定位嵌套元素

概述假设我有一些深入嵌套的标记,我想用CSS定位.这可能是什么,但例如： <div> <div id='someid'> <span class='someclass'> <a class='link' href='alink'>Go somewhere</a> </span> </div><div> 编写一个CSS规则是可以接 假设我有一些深入嵌套的标记,我想用CSS定位.这可能是什么,但例如：

<div>    <div ID='someID'>        <span class='someclass'>            <a class='link' href='alink'>Go somewhere</a>        </span>    </div><div>

编写一个CSS规则是可以接受的,目标是< a>标签直接,像这样？

a.link { Font-size: large; }

或者这被认为是非标准的,在某些浏览器中可能会失败？我需要像这样定位链中的每个元素吗？

div div span.someclass a.link { Font-size: large; }

解决方法 两者都是完全可以接受的,答案取决于你的具体解决方案.例如,如果您有其他区域,您正在共享由该类定义的常用属性,那么您希望尽可能保持通用属性.例如,如果您有导航,并且该区域中的链接共享一些可由a.link定义的常见元素

然后在你的嵌套HTML中,你可能会做一些类似的事情

.someclass a.link {Font-size：8px}使文本更小.

这是一篇文章,讨论特征如何工作：http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

总结

以上是内存溢出为你收集整理的html – 使用CSS定位嵌套元素全部内容，希望文章能够帮你解决html – 使用CSS定位嵌套元素所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。