html – 使用CSS定位嵌套元素

前端之家收集整理的这篇文章主要介绍了html – 使用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相关文章