ถ้า XHTML และ CSS สามารถมุ่งเน้นวัตถุ - ดวงอาทิตย์ควรขึ้นจากทางเหนือ อย่างไรก็ตามทุกอย่างควรดูด้วยความคิดของ OO และคุณแทบจะไม่สามารถสร้างตัวเลขได้ ในความเป็นจริงมีคนเสนอสไตล์ OO เร็วเท่าเมื่อไม่กี่ปีที่ผ่านมา แต่ไม่พบอีกต่อไป
แล้วจะไปยังไง? ตอนนี้ทุกคนรู้ว่า CSS สามารถเขียนเบื้องต้น:
.g_g { / * xxxxxx * /}
เราสามารถดูได้อย่างคร่าวๆใน ต้นแบบ หรือเป็น ชั้นเรียน -__- B ดูเหมือนจะเป็นคลาสแล้วยกตัวอย่างวัตถุใน HTML ตัวอย่างเช่น:
<div class = g_g> ตะโกนโง่ ๆ </div>
องค์ประกอบนี้จะใช้คำจำกัดความที่สอดคล้องกันของ CSS แต่ก็ไม่เพียงพอที่จะมีคลาสที่สอดคล้องกันเพราะหน้าของเราอาจใช้คลาสนี้ในหลายสถานที่ เพื่อที่จะจัดการกับความสัมพันธ์ ส่วนตัว ได้ดีให้เปลี่ยนรหัสทันทีเป็น:
<div id = aoao class = g_g> yell silly </div>
ด้วยวิธีนี้องค์ประกอบที่มี ID ของ AOAO จะใช้คำจำกัดความของคลาส .G_G และนิยามเอฟเฟกต์ส่วนตัวสามารถใช้กับตัวเลือกเช่น #aoao{} ซึ่งจะไม่ส่งผลกระทบต่อคลาส . .G_G สาธารณะ ในเวลาเดียวกันลำดับความสำคัญของคำจำกัดความ #aoao จะสูงกว่า. g_g ซึ่งสอดคล้องกับสามัญสำนึกที่นิยามส่วนตัวสูงกว่าคำจำกัดความสาธารณะ ^^
เนื่องจากฉันใช้ ID สิ่งที่ไม่ซ้ำกันการใช้คำจำกัดความส่วนตัวของสิ่งต่าง ๆ นี้กลายเป็นปัญหา (ID สามารถปรากฏขึ้นเพียงครั้งเดียวในหน้าเดียวฉันไม่รู้ว่าใครพูดมันเป็นความจริงแล้ว) ถ้าเราต้องการบรรลุการแปรรูปหลายครั้ง จากนั้นเราจะต้องบรรลุ ความหลากหลาย ขุดฮ่าฮ่า เปลี่ยนรหัสอีกครั้ง:
<div class = g_g o_o> yell silly </div>
หนึ่งคือ g_g และอื่น ๆ คือ o_o แต่ถ้าเราใช้ .o_O{} เรายังสามารถกำหนดองค์ประกอบได้หาก CSS เป็นเช่นนี้:
.g_g {width: 100%}. o_o {color:#123456}
องค์ประกอบทั้งหมดจะถูกกำหนดและเนื่องจากคำจำกัดความไม่ได้ซ้อนกันจึงจะถูกนำไปใช้ หากรหัสเป็นเช่นนี้ฉันไม่รู้ว่าจะเข้าใจได้ดีขึ้นหรือไม่
<div class = layout color> ไม่ใช่คนโง่ </div>
.layout {width: 100%}. สี {color:#123456}
ถัดไป บรรจุภัณฑ์ จะถูกนำไปใช้ ทุกคนควรใช้ตัวเลือกเด็กบ่อยครั้งเปลี่ยนรหัส:
<div class = g_g> <span class = bendan> silly </span> aoy </div>
แม้ว่าทั้งคู่ .bendan{} และ .G_G .bendan{} สามารถกำหนดได้ แต่หลังสามารถนำไปใช้กับองค์ประกอบที่คลาสคือ g_g เราสามารถเข้าใจ .bendan{} เป็นคำจำกัดความทั่วโลกและ .G_G .bendan{} เป็นคำจำกัดความท้องถิ่น สิ่งนี้จะช่วยให้เราเป็นโมดูลาร์ของ XHTML และ CSS ^^ การห่อหุ้มตำนานจะปรากฏขึ้นแล้วดำเนินการต่อ
<div id = aoao class = g_g o_o> <span class = bendan> idiot </span> aoao </div>
รหัสดังกล่าวสามารถสร้างการเปลี่ยนแปลงนับไม่ถ้วนและคุณสามารถเริ่มต้นจากศูนย์หากคุณไม่เข้าใจ -
ในความเป็นจริงสิ่งเหล่านี้ยังคงอยู่ไกลจากวัตถุที่มุ่งเน้นจริง ฉันแค่เรียนรู้ปาร์ตี้ชื่อเรื่อง แต่ฉันสามารถใช้มันเพื่อทำความเข้าใจแอปพลิเคชันของ ID และคลาส