कक्षा के भीतर दूसरा तत्व छुपाएं


    
         Download
    
    
         Share
    

कक्षा फ़ाइल क्रियाओं में 2 लिंक तत्व होते हैं। मैं चाहता हूं कि दूसरे को हटा दिया जाए।

मैंने इसका उपयोग करने की कोशिश की है:

.fileactions a:nth-child(2) {
    display:none;
}

.fileactions [data-action="Share"] {
    display: none;
}

और इनमें से कोई भी काम नहीं किया।

मैं अपने क्लाउड का उपयोग कर रहा हूं और उपयोगकर्ता के रूप में लॉग इन करते समय फ़ाइलों को साझा करने के विकल्प को छिपाना चाहता हूं।

enter image description here

HERE IS THE PAGE SOURCE

<!DOCTYPE HTML>
<!--[if lt IE 7]><!--><!--
        <title>
            Files | ownCloud ([email protected])      </title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="apple-itunes-app" content="app-id=543672169">
                                

        <link rel="shortcut icon" href="/login/owncloud/core/img/favicon.png" />
        <link rel="apple-touch-icon-precomposed" href="/login/owncloud/core/img/favicon-touch.png" />
                    <link rel="stylesheet" href="/login/owncloud/remote.php/core.css?v=e36258b3c74f08054a974a5fe1703f9c" type="text/css" media="screen" />
                    <link rel="stylesheet" href="/login/owncloud/index.php/apps/files/css/files.css?v=e36258b3c74f08054a974a5fe1703f9c" type="text/css" media="screen" />
                            <script type="text/javascript" src="/login/owncloud/index.php/core/js/config.js?v=e36258b3c74f08054a974a5fe1703f9c"></script>
                    <script type="text/javascript" src="/login/owncloud/remote.php/core.js?v=e36258b3c74f08054a974a5fe1703f9c"></script>
                    <script type="text/javascript" src="/login/owncloud/apps/files/js/file-upload.js?v=e36258b3c74f08054a974a5fe1703f9c"></script>
                    <script type="text/javascript" src="/login/owncloud/apps/files/js/jquery.iframe-transport.js?v=e36258b3c74f08054a974a5fe1703f9c"></script>
                    <script type="text/javascript" src="/login/owncloud/apps/files/js/jquery.fileupload.js?v=e36258b3c74f08054a974a5fe1703f9c"></script>
                    <script type="text/javascript" src="/login/owncloud/apps/files/js/jquery-visibility.js?v=e36258b3c74f08054a974a5fe1703f9c"></script>
                    <script type="text/javascript" src="/login/owncloud/apps/files/js/filelist.js?v=e36258b3c74f08054a974a5fe1703f9c"></script>
                    <script type="text/javascript" src="/login/owncloud/apps/files/js/fileactions.js?v=e36258b3c74f08054a974a5fe1703f9c"></script>
                    <script type="text/javascript" src="/login/owncloud/apps/files/js/files.js?v=e36258b3c74f08054a974a5fe1703f9c"></script>
                    <script type="text/javascript" src="/login/owncloud/apps/files/js/keyboardshortcuts.js?v=e36258b3c74f08054a974a5fe1703f9c"></script>
                    </head>

    <body id="body-user">
    <div id="notification-container">
        <div id="notification"></div>
    </div>
    
<div id="header"> ownCloud <div id="logo-claim" style="display:none;"></div> <form class="searchbox" action="#" method="post"> Green Cleaning Monthly Reports - TQ to You<input id="searchbox" class="svg" type="search" name="query" value="" autocomplete="off" x-webkit-speech /> </form> </div>
<div id="content-wrapper"> <div id="content"> <!--[if IE 8]> <div class="crumb" data-dir=''> </div> <div class="crumb last svg" data-dir='/Shared'> Shared </div> <div class="actions"><input type="button" disabled value="You don’t have write permissions here."></div> <input type="hidden" name="dir" value="/Shared" id="dir"> <input type="hidden" name="permissions" value="9" id="permissions"> </div> <table id="filestable" data-allow-public-upload="yes"> <thead> <tr> <th id='headerName'> <input type="checkbox" id="select_all" /> Name Download Download </th> <th id="headerSize">Size</th> <th id="headerDate"> Modified <!-- NOTE: Temporary fix to allow unsharing of files in root of Shared folder --> Unshare Unshare </th> </tr> </thead> <tbody id="fileList"> <input type="hidden" id="disableSharing" data-status=""> <tr data-id="120" data-file="CD1029%201775%20I%20Street%20NE" data-type="dir" data-mime="httpd/unix-directory" data-size='6318729' data-permissions='17'> <td class="filename svg" style="background-image:url(/login/owncloud/core/img/filetypes/folder.png)" > <input type="checkbox" /> CD1029 1775 I Street NE </td> <td class="filesize" title="6 MB" style="color:rgb(187,187,187)"> 6.0 </td> <td class="date"> yesterday </td> </tr> <tr data-id="121" data-file="CD1037%201015%2015th%20Street%20NW" data-type="dir" data-mime="httpd/unix-directory" data-size='7704440' data-permissions='17'> <td class="filename svg" style="background-image:url(/login/owncloud/core/img/filetypes/folder.png)" > <input type="checkbox" /> CD1037 1015 15th Street NW </td> <td class="filesize" title="7.3 MB" style="color:rgb(185,185,185)"> 7.3 </td> <td class="date"> 19 days ago </td> </tr> <tr data-id="156" data-file="CD1113%202030%20M%20St" data-type="dir" data-mime="httpd/unix-directory" data-size='6395172' data-permissions='17'> <td class="filename svg" style="background-image:url(/login/owncloud/core/img/filetypes/folder.png)" > <input type="checkbox" /> CD1113 2030 M St </td> <td class="filesize" title="6.1 MB" style="color:rgb(187,187,187)"> 6.1 </td> <td class="date">
3
जब मैं इसे पृष्ठ की स्टाइल में शामिल करता हूं तो यह कुछ भी नहीं करता है। =/जब आप होवर करते हैं तो डाउनलोड और शेयर के लिए वह छोटा मेनू दिखाता है ..
जोड़ा लेखक Markus Proctor, स्रोत
@Sachin मूल पोस्ट में किए गए संपादन की जांच करें। Fileactions.js शायद चीजों को कठिन बना रहा है।
जोड़ा लेखक Markus Proctor, स्रोत
हां दोस्त आपके दूसरे विकल्प सही तरीके से काम कर रहे हैं jsfiddle.net/zT9mc/1
जोड़ा लेखक Sachin, स्रोत
यह आपके कोड की सीधी प्रति-पेस्ट है, और ठीक काम करने लगता है: jsfiddle.net/49aKq
जोड़ा लेखक xec, स्रोत
@ MarquézSantos तो मेरा सुझाव है कि आप तत्व पर कौन से नियम लागू होते हैं, और यदि कुछ भी ओवरराइड कर रहा है, तो आप डोम इंस्पेक्टर (अधिकांश ब्राउज़रों में एफ 12) का उपयोग करते हैं।
जोड़ा लेखक xec, स्रोत

8 उत्तर

.fileactions > a[data-action="Share"] {
  display: none;
  !important;
}

It will not work !Why? Because .fileactions>a[data-action="share"] will find the first a tag within the .fileactions class. This is called child combinator one of four combinator of css.

इच्छा परिणाम प्राप्त करने के लिए इसका इस्तेमाल करें

.fileactions > a:nth-child(2) {
  display: none;
}

या स्थिति से मेल खाने के लिए विशेषता चयनकर्ता का उपयोग करें

[data-action="Share"] {
    display:none;
}
1
जोड़ा

आप निम्न कोशिश भी कर सकते हैं

.fileactions a + a { display:none; }
1
जोड़ा

:nth-child pseudo class won't work in IE 8 or in IE7, for that you can use ugly hack like this:

.fileactions a+a{
 display:none;
}
.fileactions a:nth-child(2){
 display:none;
}

उदाहरण: http://jsbin.com/ivoMIkuM/1/edit । यदि दोनों काम नहीं कर रहे हैं, तो ! महत्वपूर्ण को डिस्प्ले: कोई भी विशेषता जोड़ने का प्रयास करें।

0
जोड़ा

आप विशेषता आधारित चयनकर्ता का प्रयास क्यों नहीं करते?

.fileactions [data-action="Share"]{
  display: none;
 }
0
जोड़ा

मेरे लिए

.fileactions a:nth-child(2){

 display:none;

}

ठीक काम कर रहा है, आप भी कोशिश कर सकते हैं:

.fileactions a[data-action="Share"]{

 display:none;

}
0
जोड़ा

Your second answer works. Example here

लेकिन आपको किसी अन्य स्टाइलशीट की वजह से विशिष्टता की आवश्यकता हो सकती है।

जैसा कि मैंने नीचे किया है, या चयनकर्ता को और तत्व जोड़कर महत्वपूर्ण जोड़कर ऐसा कर सकते हैं।

.fileactions a:nth-child(2){
  display: none !important;
}
0
जोड़ा
मूल पोस्ट की जांच करें। मैंने स्थिति के बारे में अधिक जानकारी दी
जोड़ा लेखक Markus Proctor, स्रोत

जैसा कि टिप्पणी की गई है, आपके चयनकर्ता .fileactions a: nth-child (2) को ठीक काम करना चाहिए, हो सकता है कि वहां अधिक HTML हो, आप साझा नहीं कर रहे हैं, दूसरा दूसरा बच्चा नहीं है?

If so you could try .fileactions > a:nth-of-type(2) instead, or even better, select based on the data attribute:

.fileactions > a[data-action="Share"] {
    display:none;
}
0
जोड़ा
nth-of-type ब्राउज़र समर्थन की कमी: पी
जोड़ा लेखक Sachin, स्रोत
@Sachin : nth-of-type() का एक ही ब्राउज़र समर्थन : nth-child() के रूप में है - लेकिन मैं सहमत हूं कि विशेषता चयनकर्ता एक बेहतर विकल्प है, या यहां तक ​​कि a + a जैसा कि ravimallya द्वारा सुझाया गया है (माना जाता है कि दो बटन से अधिक नहीं है)
जोड़ा लेखक xec, स्रोत

नीचे के रूप में सामान्य भाई चयनकर्ता "~" (tilde) का प्रयोग करें:

<div class="snippet" data-lang="js" data-hide="false"> <div class="snippet-code">

a.action ~ a.action {
    display: none;
}

    
         Download
    
    
         Share
    
</div> </div>

इससे पहले a.action छुपाए जाने के बाद कोई भी a.action बना देगा, जहां सभी a.action एक ही माता-पिता से संबंधित है।

0
जोड़ा