सीएसएस लाइन-हटाए जाने के माध्यम से

मुझे कुछ कोड मिला है जो हटाए गए पंक्तियों के लिए एक टीआर पर लाइन-थ्रू डालता है, लेकिन इसका मतलब है कि मेरे "क्रियाएं" कॉलम (केवल यही है) बटन पीड़ित हैं। ऐसा इसलिए है क्योंकि बटन के बीच अलग-अलग रिक्त स्थान होते हैं, जो लाइन-थ्रूघेड भी हो जाते हैं।सीएसएस लाइन-हटाए जाने के माध्यम से

W3Schools पर चारों ओर poking के बाद, यह मुझे boggles क्यों इस उदाहरण काम नहीं करता:

<html> 
    <head> 
    <style type="text/css"> 

    tr {text-decoration:line-through} 
    </style> 
    </head> 

    <body> 
    <table> 
     <tr> 
     <td>this needs to be line-throughed</td> 
     <td style="text-decoration: none !important;">This shouldn't be line-throughed.</td> 
     </tr> 
    </table> 
    </body> 
</html>

मैं कैसे बच्चे तत्वों पर लाइन के माध्यम से स्पष्ट करना चाहिए?

संपादित मैं अपने उदाहरण को नवीनीकृत किया है - समस्या यह है कि मैं, बस एक भी बच्चे तत्व पेरेंट तत्व बंद शैली लेने के लिए नहीं करना चाहती है।

स्रोत

2009-11-18 JustLoren

सीएसएस इस तरह से काम नहीं करता है। 'h2' और' tr' कंटेनर हैं, इसलिए आप अपने बच्चों की शैली को बदलकर अपनी शैली बदल नहीं सकते हैं। ऐसा करने के सामान्य तरीके के लिए ज़रेम्बिस्टी या दिमित्री के जवाब देखें। –

आपको इसके लिए महत्वपूर्ण या इनलाइन शैलियों का उपयोग नहीं करना चाहिए। के बाद से, हाँ आप इसे करने के लिए पाठ-सजावट लागू किया टीआर साथ

h2 {text-decoration:line-through;} 
h2 span {text-decoration: none; border: 1px solid black;}

संपादित

उस मामले में प्रयास करें, आप पाठ-सजावट बंद एक ही तत्व tr td नहीं लेना है। अन्यथा कार्य करें:

tr td { text-decoration: whatever }

और फिर जब जरूरत

<td style="text-decoration: none;"></td>

स्रोत

2009-11-18 19:51:26

मैंने अपने उदाहरण के आधार पर स्पष्ट किया है, लेकिन टी टीडी करने से यह सभी टीडी पर लागू होता है, जहां मुझे केवल एक व्यक्ति की आवश्यकता होती है – JustLoren

... भी, यह उदाहरण काम नहीं करता है – JustLoren

अच्छा बिंदु, मुझे लाइन- टीडीएस – JustLoren

वहाँ एक समान question थोड़ी देर पीठ और है कि इसका जवाब आप आप क्या हासिल करने की कोशिश कर रहे हैं नहीं कर सकते के अनुसार था।

संपादित करें: अपने उदाहरण को देखते हुए, क्यों बस लाइन के माध्यम से लागू नहीं व्यक्तिगत रूप से

<html> 
    <head> 
    <style type="text/css"> 

    td.deleted {text-decoration:line-through} 
    </style> 
    </head> 

    <body> 
    <table> 
     <tr> 
     <td class="deleted">this needs to be line-throughed</td> 
     <td>This shouldn't be line-throughed.</td> 
     </tr> 
    </table> 
    </body> 
</html>

स्रोत

2009-11-18 19:56:38

उदाहरणों पर सेट किया गया है, मुझे आशा है कि उत्तर ' टी "लॉल आप बिना पैडल के एक क्रीक हैं" – JustLoren

यदि संदेह में पहले (दिमित्री जीत) –

लाइन के माध्यम से एच 2 के लिए लागू किया जाता है, ताकि आप इसे एच 2 के बंद ले जाना है तत्व टीडी के लिए।

<html> 
    <head> 
    <style type="text/css"> 

    h2 {text-decoration:line-through} 
    h2.alt { text-decoration: none; } 
    h2.alt span { border: 1px solid black; } 
    </style> 
    </head> 

    <body> 
    <h2>Line-through</h2> 
    <h2 class="alt"><span>This is heading 2, and shouldn't be line-throughed.</span></h2> 
    </body> 
</html>

(यहां देखे जाने योग्य: http://jsbin.com/anopa/)

बच्चे (अवधि) माता-पिता (h2) है, जो जहां शैली लागू किया जाता है की शैली को प्रभावित नहीं कर सकते हैं। आपको मूल रूप से लागू किया गया था जहां बदलना होगा।

संपादित करें: अद्यतन उदाहरण

स्रोत

2009-11-18 19:57:44

के साथ जाना है, लेकिन यह उद्देश्य को हरा देगा, क्योंकि यह एक बच्चा तत्व है, मुझे इसे मूल तत्व से नहीं हटाया जाना चाहिए। मूल तत्व "जरूरत" है (वर्तमान डिजाइन के साथ) – JustLoren

एक तरीका यह

tr {text-decoration:line-through}

को

tr td {text-decoration:line-through}

बदलने के लिए एक परिणाम के रूप होगा ठीक करने के लिए, लाइन के माध्यम से व्यक्ति पर है टेबल सेल और पूरी पंक्ति नहीं। यह आपको एक सेल पर एक अलग शैली निर्दिष्ट करने की अनुमति देता है।

बीटीडब्लू, यह मुद्दा आईई 5.5 + पर दिए गए उदाहरण कोड के साथ मौजूद प्रतीत नहीं होता है। हालांकि, एफएफ 3.5 में, उदाहरण जैसा व्यवहार आपने समझाया है, वैसे ही व्यवहार करता है। मुझे यकीन नहीं है कि वास्तविक सही व्यवहार कौन सा है।

स्रोत

2009-11-18 20:04:55

प्रयास करें यह

<html> 
    <head> 
    <style type="text/css"> 

    tr td {text-decoration:line-through;} 
    tr td.noline { text-decoration:none;} 

    </style> 
    </head> 

    <body> 
    <table> 
     <tr> 
     <td>this needs to be line-throughed</td> 
     <td class="noline">This shouldn't be line-throughed.</td> 
     </tr> 
    </table> 
    </body> 
</html>

सूचना है कि शैली दोनों के लिए "tr td" है।

स्रोत

2009-11-18 20:16:19

-1

<td style="text-decoration: none>

यह तब तक काम करता है जब तक आप जो भी प्रयास नहीं कर रहे हैं वह यूआरएल का लिंक है।

फिर यह वाक्यांश लिंक को भी हरा देता है।

स्रोत

2015-10-23 21:16:30 user5481820

सीएसएस लाइन-हटाए जाने के माध्यम से

उत्तर

संबंधित मुद्दे