[css] कैसे लिखें: एक के लिए होवर स्थिति: पहले और एक: बाद में?


Answers

a:hover::before लिखें a:hover::before a::before:hover : example बजाय।

Question

कैसे लिखें :hover और a:before लिए :visited स्थिति a:before ?

मैं कोशिश कर रहा हूं a:before:hover लेकिन यह काम नहीं कर रहा है




आप सही दिशा वाले ब्रैकेट (">") का उपयोग करके अपनी क्रिया को केवल एक वर्ग तक सीमित कर सकते हैं, जैसा कि मैंने इस कोड में किया है:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style type="text/css">
    span {
    font-size:12px;
    }
    a {
        color:green;
    }
    .test1>a:hover span {
        display:none;
    }
    .test1>a:hover:before {
        color:red;
        content:"Apple";
    }
  </style>
</head>

<body>
  <div class="test1">
    <a href="#"><span>Google</span></a>
  </div>
  <div class="test2">
    <a href="#"><span>Apple</span></a>
  </div>
</body>

</html>

नोट: होवर: स्विच से पहले केवल .test1 कक्षा पर काम करता है




उपयोग करने का प्रयास करें। .card-listing:hover::after hover after और इसका उपयोग करने के after :: यह काम करेगा






Related