美文网首页
否定伪类和样式的继承

否定伪类和样式的继承

作者: Stranger_I | 来源:发表于2018-11-24 13:58 被阅读0次

1.“+”

span + p{
    background-color:skyblue;
}
span后一个p标签设置颜色

2.“~”

 span ~ p{
    background-color:green;
}
span后面所有的p标签设置背景颜色

否定伪类

p:not(#p1){
    color:red;
}
not()括号里填某一段话,那么那一段话就不会执行

样式的继承

给<body>设置样式

body{
    font-size:30px;
}

body里面的所有元素都会继承body的样式

相关文章

  • 否定伪类和样式的继承

    1.“+” 2.“~” 否定伪类 样式的继承 给 设置样式

  • 兄弟元素选择器和否定伪类

    1.+ 运行结果 2.~ 运行结果 否定伪类 运行结果 样式的继承 给 设置样式 注:背景、边框、定义不会被继承

  • Css中样式的优先级

    Css中样式的优先级 !important>行内样式>ID选择器>类、伪类、属性>元素、伪元素>继承>通配符 !i...

  • 2017-3-22 less

    Extend伪类 样式的继承使用 LESS: CSS: 命名空间和作用域 指定命名空间LESS: CSS: 私有作...

  • 元素的优先级

    权重的计算: 內联>id>类,伪类>元素>通配符>继承的样式不同的选择器有不同的权重值:内联样式:权重是 1000...

  • Css3Two

    文本溢出样式设置 文本超出容器以后: 换行显示 超出容器部分也显示 伪类和伪元素 伪类和伪元素 都是css中的伪类...

  • 伪元素 兄弟元素选择器 否定伪类_样式的继承_权重_伪类顺序_文

    1 伪类和伪元素 有时候,你需要选择本身没有标签,但是 仍然易于识别的网页部位,比如段落首行 或鼠标滑过的连接。C...

  • CSS进阶知识点--CSS3伪类选择器和伪元素

    伪类选择器 动态伪类(锚点伪类、用户行为伪类) UI元素状态伪类 CSS3结构伪类 否定选择器 伪元素 动态伪类 ...

  • CSS基础之伪类伪元素&样式优先权

    伪类&伪元素 首字样式控制 —— 使用伪元素::first-letter 首行样式控制 —— 使用伪元素::fir...

  • CSS 优先级

    行内样式 > 内部样式/外部样式 内部样式/外部样式不存在优先级,谁后加载谁优先级高 伪类首字母 > 伪类首行 >...

网友评论

      本文标题:否定伪类和样式的继承

      本文链接:https://www.haomeiwen.com/subject/cizeqqtx.html