当前位置:首页 > Div + CSS

必须记住的 30 类 CSS 选择器

canca10年前 (2016-02-04)Div + CSS580
大概大家读知道`id`,`class`以及`descendant`选择器,并且整体都在使用它们,那么你正在错误拥有更大级别的灵活性的选择方式。这篇文章里面提到的大部分选择器都是在CSS3标准下的,所以它们只能在相应最新版本的浏览器中才能生效,你完全应该把这些都记在你聪明的脑袋里面。 
1. * 
Css代码 

Java代码  收藏代码
  1. * {    
  2.   margin: 0;    
  3.   padding: 0;    
  4. }  
  

在我们看比较高级的选择器之前,应该认识下这个众所周知的清空选择器。星号呢会将页面上所有每一个元素都选到。许多开发者都用它来清空`margin`和`padding`。当然你在练习的时候使用这个没问题,但是我不建议在生产环境中使用它。它会给浏览器凭添许多不必要的东西。 
`*`也可以用来选择某元素的所有子元素。 
Css代码 
Java代码  收藏代码
  1. #container * {    
  2.   border: 1px solid black;    
  3. }   


它会选中`#container`下的所有元素。当然,我还是不建议你去使用它,如果可能的话。 

DEMO 

扫描二维码推送至手机访问。

版权声明:本文由Ant.Master's Blog发布,如需转载请注明出处。

本文链接:https://iant.work/post/71.html

标签: Div + CSS
分享给朋友:

“必须记住的 30 类 CSS 选择器” 的相关文章

div+css布局漫谈

1.CSS布局常用的方法:float : none | left | right 取值:none : 默认值。对象不飘浮 left : 文本流向对象的右边 right : 文本流向对象的左边 它是怎样工作的,看个一行两列的例子 xhtml: <div > <div…

列表元素ul ol li dl dt dd释义

DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义,块级元素div尽量少用,和table一样,嵌套越少越好 ol 有序列表。 <ol><li>……</li><l…

XHTML+CSS兼容性解决方案小集

使用XHTML+CSS构架好处不少,但也确实存在一些问题,不论是因为使用不熟练还是思路不清晰,我就先把一些我遇到的问题写在下面,省的大家四处找。 1.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法: div{margin:30...…

对ie6、ie7、ff兼容性的详细css hack介绍

这个毛病把我憋了好久了,最近到底找到了解决滴方式,通过偶测试系完整ok滴,和大伙儿共享。以下为引佣:如今偶大多数全是用!important来hack,关于ie6和firefox测试可以正常卖弄,可是ie7对!important可以准确说明,会导致页面没...…

DIV满屏显示IE6.BUG

添加如下CSS,显示OK. body{        height:100%; }…

如何去除点击链接时出现的虚线框

有时候在一个页面用到收放功能的时候时,总有一个虚线框在触发收放的功能按钮上,显得特别刺眼,那如何去除这个虚线框呢? 虽然从可用性的角度,隐藏虚线框的做法会让键盘偏执狂不满。但从视觉上,有时候虚线框确实影...…

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。