一.伪元素

  • :before
  • :after
    关键词:content

伪元素是在样式里面添加一个新的元素,是一个内联标签

  • 伪元素清除浮动

二.选择器优先级

  • ID > class > tagName
  • 相同选择器后一个样式覆盖前一个样式
  • 复杂后代选择器
  1. ID选择器个数不相等,ID个数多的优先级高,后面不用比
  2. ID选择器个数相等,class个数多的优先级高,后面不用比
  3. ID选择器个数相等, class 个数相等 ,tagName个数多优先级高
  4. 各个选择器不分先后

三.外部样式

  • head标签link引入
<link href='index.css' >
  • 外部样式创建
    charset 'UTF-8';规定字符编码
  • @import url("样式表路径");
    注意:必须写在内部样式的头部,不然没有效果

四.样式优先级

行内样式优先级 > 内部样式优先级 = 外部样式优先级
注意:内部样式优先级和外部样式优先级是一样的,跟他们的选择器和放置顺序有关

  • 提升样式优先级:
    属性:属性值 !important;

标签: none

添加新评论