css子元素样式,css设置子元素样式

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

怎么让一个元素的所有子元素集成它的CSS类样式?

用jQuery来获取A里面的子元素给他添加一个class类名。

让子元素高度撑满父元素高度方法：

首先不要为了加个分隔线，就增加无意义的标签。可以使用 css3 选择器、伪元素等。

例如下图：

其次，这种 row col 的方式不指定高度的，经常两个挨着的 col 高度不一样，

因此分割线没有意义，要固定他们的高度。

row col 更多的是用来布局的，这里的需求用 ul li 就行了。

相关问答

Q1: css 如何根据当前元素的子元素是来设置当前元素样式?

这个得用js来实现，楼上一些人可能没看清楼主说的，

楼主是说判断，如果p的子元素是a，那么设置red,而不是只设置p

css不能又判断，但是css中可以加入js, 但是这样影响加载，

结果只能是js来运行

Q2: 【高分悬赏】css子元素样式为何无法起作用？

这是因为上面那个 .navlist a 的优先级比 .home 高（因为它是双选择器优先级累加），所以 .home 的样式不起效。

改成这样既可

.navlist a.home{color:red;}

Q3: CSS哪些样式属性不可以被子元素继承?

不可以被子元素继承的属性：

1、display：规定元素应该生成的框的类型

2、文本属性：

vertical-align：垂直文本对齐

text-decoration：规定添加到文本的装饰

text-shadow：文本阴影效果

white-space：空白符的处理

unicode-bidi：设置文本的方向

3、盒子模型的属性：width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left

4、背景属性：background、background-color、background-image、background-repeat、background-position、background-attachment

5、定位属性：float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index

6、生成内容属性：content、counter-reset、counter-increment

7、轮廓样式属性：outline-style、outline-width、outline-color、outline

8、页面样式属性：size、page-break-before、page-break-after

9、声音样式属性：pause-before、pause-after、pause、cue-before、cue-after、cue、play-during

Q4: CSS父元素的子元素样式控制另一子元素怎么实现？

你说讲的这应该是同级兄弟元素之间的CSS控制。

话说有一种选择器就叫兄弟元素选择器，分为临近兄弟和普通兄弟。

临近兄弟：用＋表示，只匹配该元素后边的第一个同级元素。

普通兄弟：用～表示，匹配该元素后边的所有同级元素。

给个例子：