How to implement css to style a subclass if there is a subclass

problem description

I want to dynamically add a style to the parent class, but whether I want to add this style depends on whether it contains a subclass. I"m not sure if I want to style the parent class, because all the parent classes have the same class name tag, and only the subclasses have a distinction

related codes 

<tr>
    <td></td>
</tr>

<tr>
    <td class="child"></td>
</tr>

what result do you expect? What is the error message actually seen?

if there is a subclass child, let the tr be hidden, and if there is no tr, then do not do the processing, how to achieve?

Css3
Jun.18,2021

normally this cannot be done. But there are some speculative methods that can achieve certain results. Take a look at teacher Zhang Xinxu's an article

you can uniformly load the style into the parent.
for example, by adding class to the parent. To style the children. 

 .checkbox{

}
.checked .checkbox{

}

as shown above, you can dynamically add a parent class class, and below this class class is the 'some subclass' you want 

<div class="normal  active"></div>

//css
<style lang='scss' scope>
.normal{...}//
.active {
    .childClass {...} //
}
</style>
In

css, there seems to be no way to select the class class of the child element. You can judge it with js. Of course, the style problem can be solved by using css as much as possible, so there can be some clever solutions.

Welcome to my Wechat official account: Front end Guide I hope my answer will be useful to you

Previous: How to set up the drawing area in the click function by Mfc

Next: Can the draggable plug-in in vue be bound to a tag of a drag-and-drop object?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu