慎用CSS的*号选择器

原创 2011年01月18日 12:58:00

      很多时候,网页布局在不同的浏览器中会莫名的出现不同的表现,很多情况下是由于各个浏览器中margin,padding的默认值不同引起的。我们可以在css中定义*{margin:0; padding:0;}来方便地解决问题。但是,*号选择器也有不好的一面:
1.*号选择器中的样式会应用到文档中的每个标签,这样文档初始化的时候,每个标签都会应用其样式遍历渲染。如果文档节点层次较深的话,会带来性能问题。
2.*号选择器中有些样式具有强制过滤的功能。如字体类型,大小,颜色等,在具体选择器中重新定义无效。这样带来很多的不便。

css ~波浪线选择器连接符General Sibling Selector

https://developer.mozilla.org/en-US/docs/Web/CSS/General_sibling_selectors The ~ combinator sepa...
  • ISaiSai
  • ISaiSai
  • 2015年01月22日 18:29
  • 7596

css +号选择器

html代码: + selector 2 3 4 5 css代码 ul > li { ...
  • qq_26540999
  • qq_26540999
  • 2016年11月08日 06:05
  • 153

DIV+CSS星号(*)选择器

CSS DIV+CSS星号(*)选择器 星号(*)选择器也称为通用选择器、通配符选择符等,星号(*)表示通配符。通配符选择符用于对页面所有元素(HTML中所有标签)应用样式。例如: *{mar...
  • judyge
  • judyge
  • 2016年07月18日 10:04
  • 1004

css 加号 选择器

加号 选择临近紧贴后面的一个元素 .abc + li { color: red; } ...
  • ISaiSai
  • ISaiSai
  • 2016年05月04日 16:27
  • 896

CSS 常用的几种选择器

1、基本选择器## 元素选择器 ## 元素选择器 span{color:red;font-size: 20px} hello...
  • StriverLi
  • StriverLi
  • 2017年03月09日 22:57
  • 2018

复杂的CSS选择器

一.基本的CSS选择器: 1.通配符    例:*{...} 2.类别选择器   例:.container{...} 3.ID选择器       例:#div1{.....} 4.群组选择器 ...
  • u014395826
  • u014395826
  • 2017年01月21日 20:44
  • 446

jquery选择器中的空格与大于号>、加号+与波浪号~的区别

jquery选择器中的空格与大于号>、加号+与波浪号~的区别以及使用
  • hsd2012
  • hsd2012
  • 2016年06月24日 10:17
  • 6589

30-CSS-04-CSS(关联选择器&组合选择器)

【关联选择器】 标签是可以嵌套的,要让相同标签中的不同标签显示不同样式,就 可以用此选择器。 【代码】 span b{ /*关联选择器——选择器中的选择器*/...
  • wy_0928
  • wy_0928
  • 2015年08月13日 18:02
  • 756

CSS-01 五大选择器

1.css 作用修饰标签 2.css调用方式(就近原则) html> head> title>01title> link REL=stylesheet hr...
  • since_1904
  • since_1904
  • 2017年04月15日 17:15
  • 819

css选择器的练习

制作效果: html代码: css代码: 制作思路: 文章中标题下的文字字体颜色不一,可以使用:nth-child()选择器,()中可以填写数字...
  • szhgege
  • szhgege
  • 2017年01月19日 14:50
  • 153
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:慎用CSS的*号选择器
举报原因:
原因补充:

(最多只允许输入30个字)