คำถามติดแท็ก pseudo-class

วิธีการเขียน:hoverและ:visitedเงื่อนไขสำหรับa:before? ฉันพยายามa:before:hoverแต่มันไม่ทำงาน

347 css  css-selectors  pseudo-element  pseudo-class 

อะไรคือความแตกต่างระหว่าง:focusและ:activeคลาสหลอก?

275 css  css-selectors  pseudo-class 

ฉันต้องการใช้ css บางส่วนสำหรับองค์ประกอบอินพุตและฉันต้องการทำเช่นนั้นเฉพาะกับอินพุตที่ไม่ได้ปิดใช้งานและไม่ใช่ประเภทการส่งด้านล่าง css ไม่ทำงานบางทีถ้ามีใครสามารถอธิบายฉันได้ว่าจะต้องเพิ่มสิ่งนี้อย่างไร input:not(disabled)not:[type="submit"]:focus{ box-shadow:0 0 2px 0 #0066FF; -webkit-box-shadow:0 0 4px 0 #66A3FF; }

143 css  css-selectors  pseudo-class 

มีความแตกต่างในการทำงานระหว่าง CSS 2.1 :afterและ::afterตัวเลือกหลอกCSS 3 หรือไม่(นอกเหนือจาก::afterไม่รองรับในเบราว์เซอร์รุ่นเก่า) มีเหตุผลในทางปฏิบัติที่จะใช้ข้อกำหนดใหม่กว่านี้หรือไม่?

134 css  css-selectors  pseudo-element  pseudo-class 

Наэтотвопросестьответына กองมากเกินнарусском : Какпрописать: เลื่อนвнутри style =' '? เป็นไปได้ไหมที่จะมีคลาสหลอกโดยใช้สไตล์อินไลน์ ตัวอย่าง: <a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> ฉันรู้ว่า HTML ข้างต้นใช้ไม่ได้ แต่มีบางอย่างที่คล้ายกันหรือไม่ ปล. ฉันรู้ว่าฉันควรใช้สไตล์ชีตภายนอกและฉันก็ทำ ฉันแค่อยากรู้ว่าสามารถทำได้โดยใช้สไตล์อินไลน์

131 html  css  css-selectors  pseudo-class  inline-styles 

ฉันกำลังหาวิธีเปลี่ยนกฎ CSS สำหรับตัวเลือกคลาสหลอก (เช่น: link,: hover ฯลฯ ) จาก JavaScript ดังนั้นอะนาล็อกของโค้ด CSS: a:hover { color: red }ใน JS ฉันไม่พบคำตอบจากที่อื่น หากใครรู้ว่านี่เป็นสิ่งที่เบราว์เซอร์ไม่รองรับนั่นก็จะเป็นประโยชน์เช่นกัน

125 javascript  css  pseudo-class  css-in-js 

ใน Webkit บน iPhone / iPad / iPod การระบุสไตล์สำหรับ: คลาสหลอกที่ใช้งานอยู่สำหรับ<a>แท็กจะไม่ทริกเกอร์เมื่อคุณแตะที่องค์ประกอบ ฉันจะทำให้สิ่งนี้ทริกเกอร์ได้อย่างไร รหัสตัวอย่าง: <style> a:active { background-color: red; } </style> <!-- snip --> <a href="#">Click me</a>

109 iphone  css  webkit  mobile-safari  pseudo-class 

ฉันรู้ว่ามี:checkedคลาสหลอกCSS3 อย่างเป็นทางการแต่มี:uncheckedคลาสหลอกและพวกเขารองรับเบราว์เซอร์เดียวกันหรือไม่ การอ้างอิงของ Sitepointไม่ได้กล่าวถึงอย่างใดอย่างหนึ่งอย่างไรก็ตามข้อมูลจำเพาะ whatwgนี้(อะไรก็ได้) ทำ ฉันรู้ว่าผลลัพธ์เดียวกันนี้สามารถทำได้เมื่อรวมคลาสหลอก:checkedและ:not()คลาสหลอก แต่ฉันยังอยากรู้อยากเห็น: input[type="checkbox"]:not(:checked) { /* styles */ } แก้ไข: w3c แนะนำเทคนิคเดียวกัน คุณสามารถเลือกช่องทำเครื่องหมายที่ไม่ได้ทำเครื่องหมายโดยใช้คลาสหลอกเทียม: :not(:checked)

108 css  css-selectors  pseudo-class 

ฉันจะเยื้องโดยเริ่มจากบรรทัดที่สองของย่อหน้าได้อย่างไร ฉันได้ลองแล้ว p { text-indent: 200px; } p:first-line { text-indent: 0; } และ p { margin-left: 200px; } p:first-line { margin-left: 0; } และ (with position:relative;) p { left: 200px; } p:first-line { left: 0; }

106 html  css  text  pseudo-class  indentation 

สิ่งที่ชอบa:linkหรือdiv::after... ข้อมูลเกี่ยวกับความแตกต่างดูเหมือนจะหายาก

95 css  css-selectors  pseudo-class  pseudo-element 

ฉันมีเมนู css บนไซต์ของฉันที่ขยายด้วย:hover(ไม่มี js) วิธีนี้ใช้งานได้ในลักษณะกึ่งเสียบน iDevices เช่นการแตะจะเปิดใช้งาน:hoverกฎและขยายเมนู แต่การแตะที่อื่นจะไม่ลบไฟล์:hover. นอกจากนี้หากมีลิงก์ภายในองค์ประกอบที่เป็น:hover'ed คุณต้องแตะสองครั้งเพื่อเปิดใช้งานลิงก์ (ทริกเกอร์การแตะครั้งแรก:hover, การแตะครั้งที่สองที่เรียกลิงก์) ฉันสามารถทำให้สิ่งต่างๆทำงานได้ดีบน iPhone โดยการผูกtouchstartเหตุการณ์ ปัญหาคือบางครั้ง mobile safari ยังคงเลือกที่จะเรียกใช้:hoverกฎจาก css แทนที่จะเป็นtouchstartเหตุการณ์ของฉัน! ฉันรู้ว่านี่เป็นปัญหาเพราะเมื่อฉันปิดใช้งาน:hoverกฎทั้งหมดด้วยตนเองใน css ซาฟารีมือถือใช้งานได้ดี (แต่เบราว์เซอร์ทั่วไปไม่เห็นได้ชัดอีกต่อไป) มีวิธี "ยกเลิก" :hoverกฎแบบไดนามิกสำหรับองค์ประกอบบางอย่างเมื่อผู้ใช้อยู่ในซาฟารีมือถือหรือไม่ ดูและเปรียบเทียบพฤติกรรมของ iOS ที่นี่: http://jsfiddle.net/74s35/3/ หมายเหตุ: มีเพียงคุณสมบัติ css บางอย่างเท่านั้นที่ทำให้เกิดพฤติกรรมการคลิกสองครั้งเช่น display: none; แต่ไม่ใช่พื้นหลัง: สีแดง; หรือตกแต่งข้อความ: ขีดเส้นใต้;

95 ipad  mobile-safari  iphone  pseudo-class 

มีคลาสหลอกใน CSS เพื่อระบุหรือไม่ :not(:hover) หรือนั่นเป็นวิธีเดียวที่จะระบุรายการที่ไม่ถูกลอยอยู่? ฉันผ่านการอ้างอิง CSS3 หลายครั้งและไม่เห็นการกล่าวถึงคลาสหลอก CSS เพื่อระบุสิ่งที่ตรงกันข้ามกับ: hover

91 css  css-selectors  pseudo-class 

มีวิธีจัดรูปแบบ<option>องค์ประกอบที่เลือกในปัจจุบันใน<select>องค์ประกอบหรือไม่ จากนั้นฉันสามารถให้สีพื้นหลังกับองค์ประกอบตัวเลือกที่เลือกในปัจจุบันได้หรือไม่? ด้วยวิธีนี้ฉันสามารถจัดรูปแบบตัวเลือกที่สามารถดูได้ในเมนูแบบเลื่อนลงแบบปิด

86 html  css  css-selectors  pseudo-class