[CSS] Conditionally Assign Style to a Parent Element with Focus-Within Pseudo-class
CSS to with Class Element Style Parent focus
2023-09-14 09:00:48 时间
Use the focus-within pseudo-class to conditionally assign styling to a parent element when its child receives focus.
HTML:
import "./styles.css"; document.getElementById("app").innerHTML = ` <ul id="red"> <li> <input value="Red"> </li> </ul> `;
CSS:
#red:focus-within { background-color: red; }
相关文章
- css规则定义的分类,CSS规则定义英汉对照表[通俗易懂]
- css opacity属性_CSS中的opacity属性[通俗易懂]
- 【说站】CSS超链接a标签的状态
- 【CSS】CSS 文本样式 ② ( font 字体设置 | CSS 2.0手册使用 | font-weight 字体粗细设置 | font-style 字体斜体设置 | font 字体样式综合写法 )
- CSS学习摘要-定位详解编程语言
- The Shapes of CSS(css的形状)详解编程语言
- 属性Oracle的CSS属性:让你的网站更出彩(oracle的css)
- CSS 计数器
- CSS连接MySQL构建可视化Web应用(css连接mysql)
- 利用Oracle TO函数实现数据转换(oracle to_函数)
- CSS规则层叠的应用css必须要注意的几点
- 几个常用经典的css技巧
- 简单的加密css地址防止别人下载你的CSS文件的方法
- 如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)