Home » Forums » Other Topics » Drupal User Group

ว่าด้วย CSS ครับ

  • warning: realpath() [function.realpath]: SAFE MODE Restriction in effect. The script whose uid is 1005 is not allowed to access /tmp owned by uid 0 in /var/www/sites/sugree/codenone.com/subdomains/www/html/includes/file.inc on line 190.
  • warning: realpath() [function.realpath]: SAFE MODE Restriction in effect. The script whose uid is 1005 is not allowed to access /tmp owned by uid 0 in /var/www/sites/sugree/codenone.com/subdomains/www/html/includes/file.inc on line 190.
Submitted by jrp13th on 15 March, 2007 - 19:17

กำลังศึกษา CSS อยู่ แล้วมีอะไรสงสัยอยู่
คิดว่าเอามาถามแล้วน่าจะได้ประโยชน์
ช่วยๆกันตอบแล้วกันครับ ^ ^

  1. h1 {}
  2. p a img {}
  3. p, h1, h2 {}
  4. .error {}
  5. .error span {}
  6. div#content {}
  7. span.hotnews {}
  8. #nav > li {}
  9. #nav li {font-weiht:blod;}
    #nav li * {font-weiht:normal;}
  10. h1 + p {}
  11. p {color:#FF0000 !important; color:#00FF00}
  12. #wraper #content{}
  13. #content .datePost{}
  14. p.comment .datePost{}
  15. td:hover{}

หวังว่าจะไม่มีข้อไหนตั้งโจทน์ผิด :P
{} หมายถึง {property: value;} โดยจะเป็นอะไรก็สมมุติกันเอง

‹ ดึงข้อมูลจากอีก node มาใส่ในอีก node ได้ไหมครับ เมื่อกี้ login เข้า web codenone.com เจอ error ค่อ ดังนี้ ›
»
Submitted by mk on 15 March, 2007 - 20:48.
mk's picture

ไม่เข้าใจว่าคำถามคืออะไรน่ะครับ???

»
Submitted by jrp13th on 15 March, 2007 - 21:21.
jrp13th's picture

เอ้อ โทษครับ
คือช่วยให้เขียนคำอธิบายเฉยๆ นะครับ

  1. กำหนดลักษณะให้ tag h1
  2. กำหนดลักษณะให้ tag img ที่มีชุดของ tag a ครอบอยู่ โดยที่ a ก็ถูกครอบด้วยชุด tag p
  3. กำหนดลักษณะให้ กับ tag p และ tag h1 และ tag h2 พร้อมๆ กัน
  4. เป็นการสร้าง class ชื่อว่า error โดยมีลักษณะตามใน {}
  5. กำหนดลักษณะให้ กับ tag span ที่ต้องอยู่ในชุดของ tag ที่เป็น class error

ประมาณนี้นะครับ
แหะๆ กะว่าจะเป็นประโยชน์
แบบว่าทบทวนความรู้นะครับ - -a

»
Submitted by pphetra on 16 March, 2007 - 10:18.

ข้อ 10, เฉพาะ paragraph “pok” จะเป็นสีแดง

<style type="text/css">
h1 + p {
  color : red;
}
</style>
</head>

<body>
<h1>hi</h1>
<p>pok</p>
<p>pann</p>
</body>

แต่ถ้าอยากให้ ทุก paragraph ที่ตามหลัง h1 เป็นสีแดงหมด ก็เปลี่ยนเป็น h1 ~ p {...} แทน

»
Submitted by sugree on 16 March, 2007 - 10:54.
sugree's picture

ลึกซึ้งมาก มันใช้แนวคิดเลือกสัญลักษณ์จากอะไรกันเนี่ย

»
Submitted by mp3wizard on 4 May, 2007 - 19:08.

พึ่งเคยเห็นการใช้ + ก็คราวนี้แหละ... ปรกติ เขียน h1, p {...} ตลอด

»
Submitted by jrp13th on 28 May, 2007 - 15:29.
jrp13th's picture

พวก Pattern matching ดูรายละเอียดเพิ่มเติมได้ที่

http://www.w3.org/TR/CSS21/selector.html#q1

»

ย้าย Codenone

ประกาศย้าย Codenone ไปใช้ Forum ของ Blognone แทนครับ ตามไปตั้งกระทู้ต่อได้ที่ Codenone Forum (รายละเอียดอ่านจากกระทู้ ย้าย Codenone ไปรวมกับ Blognone)

กระทู้เก่าๆ จะย้ายตามไปในภายหลัง ตอนนี้ปิดการโพสต์กระทู้ไว้ เหลือไว้เฉพาะอ้างอิงเท่านั้น