父元素重写子元素样式

文章/答案/技术大牛

发布

2回答

如果子输入焦点集中，则更改父div的边框颜色- TailwindCSS

html、css、tailwind-css

我知道TailwindCSS有类group可以使用，但当父元素激活某个事件时，它只用于更改子元素的样式，但我希望其子元素的样式改变。 <img class="icon"> <input class="child" type="

浏览 18提问于2022-11-28得票数 1

回答已采纳

2回答

css、sass

我想问一下，为什么每当我在header-navigation下的<a>标签上添加样式时，都会出现这种情况。nav-bar-item内部的子<a>标记似乎被应用于外部<a>标记的内容所覆盖。

浏览 37提问于2019-10-01得票数 0

回答已采纳

2回答

为什么vue中的作用域样式无用？父元素样式仍会影响子元素

javascript、css、vue.js

父元素样式：margin: 20px;font-size:14px;子元素样式：但是子元素样式应该像这样呈现：为什么在子元素中有两个data-v-***并使用父容器样式？

浏览 0提问于2017-12-27得票数 5

2回答

在react中更改外部库组件的CSS样式

javascript、css、reactjs

我在react中使用了一个名为“拖放文件”的外部库，这个库只允许向组件添加子组件并设置它们的样式。我的问题是，这个库的组件样式“父元素”有不必要的样式元素，而我只能在父元素中修改子元素和更改它们的样式。但是，我不能改变元素本身的样式。我的问题是，有没有办法在没有直接访问的情况下更新父组件样式？

浏览 3提问于2021-10-19得票数 0

2回答

我在一个CSS应用程序中使用了CSS模板，并在一个子样式表中应用了一些ReStart覆盖。出于某种原因，并不是所有的覆盖都能在我的Chrome浏览器中生效，尽管我确信选择器的名称都是正确的。我还将指向子样式表的链接放在HTML标记中指向父表的链接之后，以确保它以正确的顺序加载。下面是一个示例，其中我只是更改了单个元素的背景颜色：#social_media_wrapper { background: #4

浏览 0提问于2015-10-13得票数 0

2回答

当子元素悬停时，是否可以取消父元素悬停样式？

css

父div和子div都定义了悬停样式，但是当子元素悬停时，我希望取消父元素悬停样式(只使用css)。有可能吗？

浏览 4提问于2014-03-26得票数 2

回答已采纳

1回答

悬停多次向公共父容器实例添加类

jquery

当3个子元素中的任何一个被悬停时，我希望在父容器div上添加/删除类，而不管嵌套结构如何。这是因为我可以在悬停时将CSS样式应用于它们各自最近的公共父容器的任何子元素。功能对我来说很好，但我想知道如何为多个实例(比X2更多)重写它。

浏览 0提问于2015-09-10得票数 1

1回答

如何让Angular2“深层”css类具有优先权？

css、angular、typescript、angular2-template、css-specificity

在顶层组件的样式块中，我定义了一个/deep/ css类，用于设置将出现在其ng-content中的任何项的边距。如何才能使css类具有优先权-即使子组件应用其自己css类并定义了不同的页边距。less-important-class child-item">My Little Button</button>})我认为由于子项首先出现在已编译的样式表中

浏览 0提问于2016-10-07得票数 0

1回答

重写的CSS计算样式问题(页面布局错误)

javascript、css、dom、computed-style

我正在重写CSS (不要问为什么)，我正在通过HTMLElement.setAttribute方法改变样式属性。有时，当我计算出毫无意义的样式时，问题就会出现。例如(这是最常发生的)，在计算的样式中，div父元素的高度值小于他的子div元素。这会使页面的所需布局出现一些问题。对我来说，改变重写CSS的算法并不容易，实际上很难，所以有人知道问题的原因是什么，解决它的最合适的方法是什么吗？我的假设是，由于某种原因，一些更改没有应用，因此

浏览 9提问于2011-08-03得票数 0

2回答

如果<code>的父级不是<pre>，那么它的样式是怎样的呢？

html、css、css-selectors

var i = 0;</code><pre>现在，我希望只有当<code>的父级不是<pre>时才应用它的样式。

浏览 1提问于2014-05-25得票数 13

回答已采纳

2回答

防止嵌套元素触发父元素的事件

javascript、html、jquery、dom、jquery-events

click) -> .child (has nothing) <div class="child">Child</div>父元素的样式设置为隐藏溢出内容当用户单击时，父元素将展开以显示子元素。我希望用户能够单击子元素，而不会将父

浏览 1提问于2013-08-24得票数 12

回答已采纳

4回答

向父元素和子元素添加“活动”类

javascript、jquery

如果用户在列表中单击子元素，则需要将活动类添加到父元素和子元素。li>Lorem Ipsum</li> </ul>我正在使用下面的jquery代码向父元素和子元素添加一个活动类active"

浏览 1提问于2012-07-19得票数 0

回答已采纳

2回答

CSS:抑制子元素的负边距

javascript、css

我有一个父元素(例如div)，它围绕着一些动态内容。我希望父div在尽可能多的情况下完全包含子元素。是否有任何css技巧可以应用于父元素，以抑制子元素中的负边距(例如，不需要修改child)

浏览 3提问于2011-09-25得票数 1

2回答

如何在CSS中根据子元素的属性设置父元素的样式？

css

例如，当输入被禁用时，父元素的背景应为黑色，否则为白色。disabled="disabled" /></div> background: Black;我想设置父元素的样式而不是子元素的样式

浏览 0提问于2011-01-08得票数 2

回答已采纳

8回答

绝对位置和溢出:隐藏

html、css

overflow:hidden; position:relative;"> </div>我需要显示子元素，它比它的父元素大，但没有移除溢出:隐藏；这可能吗？父元素的position:relative;子元素一旦超出父</em

浏览 2提问于2011-04-01得票数 78

回答已采纳

1回答

CSS样式当前元素和子元素[重复]

html、css、sass

这个问题在这里已经有答案了：在css中设置父元素和子元素的样式[重复] (2个答案) 两天前就关门了。有没有办法同时设置当前元素和子元素的CSS样式？这将对当前元素执行此操作。.test color: red; border-radius: 12px;{ color: red;

浏览 42提问于2021-02-28得票数 0

回答已采纳

1回答

HTML/CSS:如何避免继承父类中的样式(使用react和引导)

css、reactjs、bootstrap-4、react-select

正如我所理解的，问题是子元素div class="Select-control"从父类(form-control)继承样式。编辑2(答案)：发现，问题不在于继承父类。但是react select引入的实际子

浏览 0提问于2018-11-15得票数 0

2回答

如何选择无子元素的父元素？

css

我不知道如何在css HTML中只选择没有跨度的h1： <h1> <br> </h1>

浏览 20提问于2019-10-14得票数 0

回答已采纳

1回答

如果存在子元素，则重写父样式

html、css

我想为每个包含特定类的子元素覆盖父类的z-index。第一个是.pop-up，第二个是.label。这两种方法都将在#info下添加。因此，我想检查一个子元素是否存在(例如。( .label)并将父服务器的z-index更新为109。div#info > div.label {

浏览 0提问于2018-03-09得票数 0

回答已采纳

1回答

仅对嵌套的无序列表的上一级设置样式

html、css、html-lists

我想知道是否有可能只设置嵌套列表的上一层的样式。为了理解我的意思，请看这个小提琴：编辑:详细说明:问题是因为嵌套列表包含在父</em

浏览 0提问于2013-01-31得票数 0

回答已采纳

点击加载更多

如果子输入焦点集中，则更改父div的边框颜色- TailwindCSS