ตัวเลือก CSS
ตัวเลือก CSS ที่ใช้ในการเลือกองค์ประกอบที่คุณต้องการรูปแบบสไตล์
"CSS" บ่งบอกว่าในคุณสมบัติที่กำหนด CSS (CSS1, CSS2 หรือ CSS3)
ผู้เลือก | ตัวอย่าง | ตัวอย่างที่แสดงให้เห็น | CSS |
---|---|---|---|
. ชั้น | .intro | เลือกชั้นเรียนทั้งหมด = "บทนำ" องค์ประกอบ | 1 |
# ID | #firstname | เลือกทั้งหมด id = "FirstName" องค์ประกอบ | 1 |
* * * * | * | เลือกองค์ประกอบทั้งหมด | 2 |
ธาตุ | p | เลือกทั้งหมด <p> องค์ประกอบ | 1 |
องค์ประกอบองค์ประกอบ | div,p | เลือกทั้งหมด <div> และ <p> องค์ประกอบ | 1 |
องค์ประกอบองค์ประกอบ | div p | เลือก <div> ทั้งหมด <p> องค์ประกอบภายในองค์ประกอบ | 1 |
องค์ประกอบ> องค์ประกอบ | div>p | เลือกทั้งหมดแม่เป็นองค์ประกอบ <div> ของ <p> องค์ประกอบ | 2 |
องค์ประกอบองค์ประกอบ + | div+p | เลือก <p> องค์ประกอบตามด้วยทั้งหมด <div> องค์ประกอบหลัง | 2 |
[Attribute] | [target] | เลือกองค์ประกอบทั้งหมดที่มีแอตทริบิวต์เป้าหมาย | 2 |
[แอตทริบิวต์ value =] | [target=-blank] | เลือกทั้งหมดใช้ target = - องค์ประกอบ "ที่ว่าง" ของ | 2 |
[แอตทริบิวต์ ~ value =] | [title~=flower] | เลือกองค์ประกอบทั้งหมดของแอตทริบิวต์ชื่อมีคำว่า "ดอกไม้" ของ | 2 |
[แอตทริบิวต์ | = ภาษา] | [lang|=en] | เลือกองค์ประกอบทั้งหมดของ Lang แอตทริบิวต์เริ่ม value = "en" ของ | 2 |
: การเชื่อมโยง | a:link | เลือกการเชื่อมโยง unvisited ทั้งหมด | 1 |
: เยี่ยมชม | a:visited | เลือกการเชื่อมโยงเข้ามาเยี่ยมชมทั้งหมด | 1 |
: การใช้งาน | a:active | เลือกการเชื่อมโยงการใช้งาน | 1 |
: โฉบ | a:hover | เมื่อคุณเลือกเมาส์บนลิงค์ด้านบน | 1 |
: โฟกัส | input:focus | เลือกองค์ประกอบที่นำเข้ามีโฟกัส | 2 |
: ครั้งแรกที่ตัวอักษร | p:first-letter | เลือกตัวอักษรตัวแรกของแต่ละ <p> องค์ประกอบ | 1 |
: บรรทัดแรก | p:first-line | เลือกแต่ละ <p> องค์ประกอบบรรทัดแรก | 1 |
: ครั้งแรกที่เด็ก | p:first-child | ระบุเฉพาะเมื่อ <p> องค์ประกอบที่เป็นลูกคนแรกของสไตล์แม่ของมัน | 2 |
ก่อนหน้า | p:before | แทรกเนื้อหาก่อนแต่ละ <p> องค์ประกอบ | 2 |
: หลังจาก | p:after | แทรกเนื้อหาหลังจากที่แต่ละ <p> องค์ประกอบ | 2 |
: lang (ภาษา) | p:lang(it) | เลือก lang แอตทริบิวต์เริ่ม value = "มัน" ทั้งหมด <p> องค์ประกอบ | 2 |
element1 ~ element2 | P ~ UL | แต่ละองค์ประกอบทางเลือก P UL หลังจากองค์ประกอบ | 3 |
[แอตทริบิวต์ ^ = ค่า] | a [src = ^ "https"] | เลือกแต่ละค่า src แอตทริบิวต์ "https" ที่จุดเริ่มต้นขององค์ประกอบ | 3 |
[แอตทริบิวต์ $ value =] | a [src $ = ". PDF"] | เลือกแต่ละค่าแอตทริบิวต์ src ที่ ".pdf" ในตอนท้ายขององค์ประกอบ | 3 |
[แอตทริบิวต์ * = ค่า] | a [* src = "w3big"] | เลือกแต่ละ src องค์ประกอบค่าแอตทริบิวต์ประกอบด้วยอักขระย่อย "w3big" ของ | 3 |
: ครั้งแรกของชนิด | P: ครั้งแรกของชนิด | เลือกแต่ละองค์ประกอบ P P เป็นองค์ประกอบแรกของแม่ | 3 |
: สุดท้ายของชนิด | P: สุดท้ายของชนิด | เลือกแต่ละองค์ประกอบ P เป็นองค์ประกอบสุดท้ายของ P แม่ของมัน | 3 |
เพียง แต่ของประเภท | P: เพียงของประเภท | เลือกแต่ละองค์ประกอบ P เป็นองค์ประกอบเดียวของ P แม่ของมัน | 3 |
เพียงเด็ก | P: เพียงเด็ก | เลือกแต่ละองค์ประกอบ P เป็นองค์ประกอบที่ลูกชายคนเดียวของแม่ | 3 |
: ที่ n เด็ก (N) | P: ชับเด็ก (2) | เลือกแต่ละองค์ประกอบ P เป็นลูกคนที่สองของแม่ | 3 |
: ที่ n-สุดท้ายเด็ก (n ) | P: ที่ n-สุดท้ายเด็ก (2) | เลือกแต่ละองค์ประกอบ P เป็นลูกคนที่สองของแม่นับจากเด็กที่ผ่านมา | 3 |
: ที่ n ของประเภท (n ) | P: ที่ n ของประเภท (2) | เลือกแต่ละองค์ประกอบ P เป็นองค์ประกอบ P ที่สองของแม่ | 3 |
: ที่ n-สุดท้ายของชนิด (N) | P: ที่ n-สุดท้ายของชนิด (2) | เลือกแต่ละองค์ประกอบ P เป็นองค์ประกอบ P ที่สองของแม่นับจากเด็กที่ผ่านมา | 3 |
: สุดท้ายเด็ก | P: สุดท้ายเด็ก | เลือกแต่ละองค์ประกอบ P เป็นลูกคนสุดท้ายของแม่ | 3 |
: ราก | : ราก | เลือกองค์ประกอบรากของเอกสาร | 3 |
: ว่างเปล่า | P: ว่างเปล่า | เลือกแต่ละองค์ประกอบ P ไม่มีเด็ก (รวมถึงโหนดข้อความ) | 3 |
: เป้าหมาย | #news: เป้าหมาย | เลือกองค์ประกอบ #news งานอยู่ในปัจจุบัน (รวมถึง URL ชื่อสมอคลิกได้) | 3 |
: เปิดใช้งาน | การป้อนข้อมูล: เปิดใช้งาน | เลือกแต่ละองค์ประกอบเข้าเปิดใช้งาน | 3 |
: คนพิการ | การป้อนข้อมูล: คนพิการ | การเลือกแต่ละองค์ประกอบเข้าปิดการใช้งาน | 3 |
: การตรวจสอบ | การป้อนข้อมูล: การตรวจสอบ | เลือกองค์ประกอบเข้าเลือกแต่ละ | 3 |
: ไม่ได้ (เลือก) | : ไม่ได้ (P) | เลือกแต่ละองค์ประกอบไม่ได้เป็นองค์ประกอบ P | 3 |
:: เลือก | :: เลือก | องค์ประกอบเลือกหรือไฮไลต์อยู่ในสถานะของผู้ใช้การแข่งขันบางส่วน | 3 |
: ออกจากช่วง | : ออกจากช่วง | องค์ประกอบเข้ามูลค่าการจับคู่นอกช่วงที่ระบุ | 3 |
ในช่วง | : ในช่วง | จับคู่องค์ประกอบเข้าค่าภายในช่วงที่ระบุของ | 3 |
: อ่านเขียน | : อ่านเขียน | จะใช้เพื่อให้ตรงกับองค์ประกอบอ่านและเขียนได้ | 3 |
: อ่านอย่างเดียว | : อ่านอย่างเดียว | สำหรับการจับคู่ชุด "อ่านได้อย่างเดียว" (อ่านอย่างเดียว) องค์ประกอบแอตทริบิวต์ | 3 |
: ตัวเลือก | ตัวเลือก: | สำหรับการจับคู่องค์ประกอบเข้าตัวเลือก | 3 |
จำเป็น | : จำเป็น | การตั้งค่าให้ตรงกับธาตุ "ที่จำเป็น" ทรัพย์สิน | 3 |
: ถูกต้อง | : ถูกต้อง | ใช้เพื่อให้ตรงกับค่าที่ป้อนเป็นองค์ประกอบถูกต้องตามกฎหมาย | 3 |
: ที่ไม่ถูกต้อง | : ไม่ถูกต้อง | ค่าไม่ถูกต้องสำหรับการแข่งขันองค์ประกอบเข้า | 3 |