美文网首页
关于css的伪类作用于其他元素(非自身)的办法

关于css的伪类作用于其他元素(非自身)的办法

作者: golddream_y | 来源:发表于2019-02-14 13:58 被阅读0次

之前就遇到过类似的需求,假如有如下结构。

<div class="me">
    <span class="mySon">demo</span>
</div>

如上结构,当我想在div获取鼠标移入时,span标签的内容字体变大。
如果的非纯css写法,可以用dom属性onmouseenter或用js获取元素dom对象,然后进行操作。那么只用css呢?

.me>.mySon{font-size:12px;}
.me:hover>.mySon{font-size:14px;}

如上。

create at 2018:03:24 17:51

相关文章

  • 关于css的伪类作用于其他元素(非自身)的办法

    之前就遇到过类似的需求,假如有如下结构。 如上结构,当我想在div获取鼠标移入时,span标签的内容字体变大。如果...

  • 关于 css 伪类 :empty

    介绍一个比较有趣的css伪类, :empty ,这个伪类会匹配没有内容的元素,作用于该元素,使用 empty 配合...

  • css伪元素

    css 伪元素 详述: 这篇文章是继 css的伪类 与 css 伪类选择器 后的 CSS伪元素总结, 意在总结连贯...

  • part2: CSS基础-练习

    CSS全称: cascading style sheets 谈谈css伪类与伪元素 这是我见过最全的伪类和伪元素总...

  • 伪元素&伪类

    css引入伪类和伪元素概念是为了格式化文档树以外的信息。 伪元素&伪类: css引入伪类和伪元素概念是为了格式化文...

  • 伪元素&伪类

    css引入伪类和伪元素概念是为了格式化文档树以外的信息。 伪元素&伪类:css引入伪类和伪元素概念是为了格式化文档...

  • CSS

    伪类的语法: CSS 类也可与伪类搭配使用。 伪元素

  • 伪类和伪元素

    伪类:CSS 伪类用于向某些选择器添加特殊的效果。 伪元素:CSS 伪元素用于向某些选择器设置特殊效果。 1、伪类...

  • 伪元素和伪类

    伪元素和伪类 什么是伪元素? CSS 在渲染文档的时候,伪元素可以通过 css 给 HTML 添加一个元素(叫标签...

  • 伪元素和伪类问题

    1.单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。2.css2伪类和伪元素都是用单引号,所有的浏...

网友评论

      本文标题:关于css的伪类作用于其他元素(非自身)的办法

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