CSS matches multiple classes The following HTML tag li, class has open style. My requirement is to change the background color to white only when open and active exist at the same time <li id="menu_268098" title="Account Information Query" class="open"> <li id="menu_270008" class="nav_sec" title="Account Balance Query"> <a href="#/p/payment.search.account_balance" class="dropdown-toggle"> <span class="nav-title">Account Balance Inquiry</span> </a> </li> </ul> </li> <li id="menu_268098" title="Account Information Query" class="open active"> <li id="menu_270008" class="nav_sec" title="Account Balance Query"> <a href="#/p/payment.search.account_balance" class="dropdown-toggle"> <span class="nav-title">Account Balance Inquiry</span> </a> </li> </ul> </li> The css can be written like this: li.open.active{ background-color: #fff; } Note: There should be no space between .open.active Summarize This is the end of this article about how to match multiple classes in CSS. For more information about how to match multiple classes in CSS, please search previous articles on 123WORDPRESS.COM or continue to browse the related articles below. I hope you will support 123WORDPRESS.COM in the future! |
<<: Fixed table width table-layout: fixed
>>: 5 Reasons Why Responsive Web Design Isn’t Worth It
MySQL Introduction to MySQL MySQL was originally ...
1. Cancel the dotted box when the button is press...
I encountered this problem when I was making the ...
Let's take a look at the dynamic splicing of ...
On Saturday, the redis server on the production s...
First look at the effect: Code: 1.html <div cl...
By default, processes in the container run with r...
When installing mha4mysql, the steps are roughly:...
<br />Related articles: 9 practical suggesti...
Set Anchor Point <a name="top"><...
WeChat applet: Simple calculator, for your refere...
WeChat applet's simple calculator is for your...
Find the problem I wrote a simple demo before, bu...
The :not pseudo-class selector can filter element...
This article uses an example to describe how to u...