HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>Two-class selector demo</title>

  <style>

    div, span {

      width: 140px;

      height: 40px;

      float: left;

      padding: 10px;

      margin: 10px;

      background-color: #EEEEEE;

    }

  </style>

</head>

<body>

  <div class="myclass">myclass only</div>

  <div class="otherclass">otherclass only</div>

  <div class="myclass otherclass">both classes</div>

  <span class="myclass otherclass">span both</span>

  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

  <script>

    $(".myclass.otherclass").css("border", "3px solid red");

  </script>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

jQuery .myclass.otherclass — both classes (Try It)