如何在类CSS中选择类

Question

我正面临着一个问题。我是CSS的新手。我粘贴了下面的代码。

有两种选择：

我想选择Join Class。

这是一个WordPress网站。我想对join Course文本进行样式化。但是如果我选择.jclass，它不是用于文本的。是个div。另一方面，如果我选择menu-item-wrap，那么都被选中了。

<div id="page-navigation" class="navigation page-navigation">
  <nav id="menu" class="menu menu--primary">
    <ul id="menu-primary" class="menu__container sm sm-simple" 
        data-smartmenus-id="16650233980002595">
      <li class="jclass menu-item menu-item-type-custom menu-item-object-custom menu-item-4833 level-1">
         <a href="#" onclick="return true">
           <div class="menu-item-wrap">
             <span class="menu-item-title">
               Join Class
             </span>
           </div>
         </a>
       </li>
       <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4847 level-1">
         <a href="http://techgeneration.org/courses/"
            onclick="return true">
           <div class="menu-item-wrap">
             <span class="menu-item-title">
               Courses
             </span>
           </div>
         </a>
       </li>
     </ul>
   </nav>
</div>

Answer 1

你可以有这样的结构：

.jclass .menu-item-wrap {
     /* Your css here */
 }

如果样式被任何其他选择器覆盖，则可以提高其专用性，例如

#menu .jclass .menu-item-wrap {
    /* Your css here */
 }

Answer 2

这边请

.menu-item-wrap span {
   // your code here
}