ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์CMS & Free ScriptCss parent กำหนดยังไงครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: Css parent กำหนดยังไงครับ  (อ่าน 677 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
affsom
สมุนแก๊งเสียว
*

พลังน้ำใจ: 24
ออฟไลน์ ออฟไลน์

กระทู้: 501



ดูรายละเอียด
« เมื่อ: 12 กันยายน 2015, 11:56:47 »

<div class="1>1234</div>

<div class"2">aaaa</div>

สมมุติว่าถ้าเกิดว่ามี div.2 จะกำหนด ให้ div.1 display:none


หรือจะใช้scripก็ได้ครับ

 wanwan017 wanwan017
« แก้ไขครั้งสุดท้าย: 12 กันยายน 2015, 11:57:02 โดย affsom » บันทึกการเข้า
Jir4yu
สมุนแก๊งเสียว
*

พลังน้ำใจ: 162
ออฟไลน์ ออฟไลน์

กระทู้: 824



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 12 กันยายน 2015, 12:11:05 »

ถ้า div.1 กับ div.2 อยู่ติดกันเลยนะครับ สามารถเขียน css เรียก div.1 ได้โดย

โค๊ด:
div.2~div.1

แต่ selector ข้างบนนี้เป็น CSS3 ครับ อาจจะใช้กับ browser เก่าไม่ได้
บันทึกการเข้า

ทำบุญ สถานที่ทำบุญ สายมู-สายธรรมะ - วอลเปเปอร์สายมู และบทความเกี่ยวกับพุทธศาสนา
affsom
สมุนแก๊งเสียว
*

พลังน้ำใจ: 24
ออฟไลน์ ออฟไลน์

กระทู้: 501



ดูรายละเอียด
« ตอบ #2 เมื่อ: 12 กันยายน 2015, 12:34:08 »

ถ้า div.1 กับ div.2 อยู่ติดกันเลยนะครับ สามารถเขียน css เรียก div.1 ได้โดย

โค๊ด:
div.2~div.1

แต่ selector ข้างบนนี้เป็น CSS3 ครับ อาจจะใช้กับ browser เก่าไม่ได้

ไม่ได้ครับ มันจะมีผลเฉพาะ classที่อยู่ด้านล่าง ถ้าด้านบนไม่ได้ครับ
wanwan023
บันทึกการเข้า
markesesr
ก๊วนเสียว
*

พลังน้ำใจ: 14
ออฟไลน์ ออฟไลน์

กระทู้: 223



ดูรายละเอียด
« ตอบ #3 เมื่อ: 12 กันยายน 2015, 14:31:32 »

jquery เหอะครับ  wanwan003
บันทึกการเข้า
affsom
สมุนแก๊งเสียว
*

พลังน้ำใจ: 24
ออฟไลน์ ออฟไลน์

กระทู้: 501



ดูรายละเอียด
« ตอบ #4 เมื่อ: 12 กันยายน 2015, 14:38:47 »

jquery เหอะครับ  wanwan003

jquery ขอcodeตัวอย่างหน่อยครับ

 wanwan017 wanwan017
บันทึกการเข้า
romance69
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 169
ออฟไลน์ ออฟไลน์

กระทู้: 2,166



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 12 กันยายน 2015, 19:01:44 »

คราวๆ ก็ประมาณนี้ครับ ลองเอาไปปรับใช้ดูครับ

โค๊ด:
<!DOCTYPE html>
<html>
<head>
<title>HTML CHECK JS</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    if($( "#001" ).length) {
    $( "#002" ).css("display", "none");
}else {
$( "#001" ).css("display", "none");
}
});
</script>
</head>
<body>
<div id="001" style="height: 300px; width: 500px; background-color:black"></div>
<br />
<div id="002" style="height: 300px; width: 500px; background-color:red"></div>
</body>
</html>

ขอเพิ่มเติมสำหรับนิดนึงนะครับ

if($( "#001" ).length)  จะเช็คหา ID 001 ครับ ถ้าไม่มี ID 001 จะ else เอา ID 002 มาแสดงแทน
แต่ถ้ามี ID 001 จะ none ID 002 ไว้ครับ

แบบนี้ใช่หรือเปล่าครับที่ต้องการ ถ้าผิดขออภัยครับ
« แก้ไขครั้งสุดท้าย: 12 กันยายน 2015, 19:09:48 โดย romance69 » บันทึกการเข้า

ขายปลั๊กอิน Wordpress ตรวจหวยออนไลน์ อัปเดตอัตโนมัติ ราคา 2,500 บาท ใส่โค้ด THAISEO10 รับส่วนลด 10%
รับเขียนเว็บไซต์, รับเขียน Theme wordpress, รับเขียน Plugin wordpress
Jir4yu
สมุนแก๊งเสียว
*

พลังน้ำใจ: 162
ออฟไลน์ ออฟไลน์

กระทู้: 824



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 12 กันยายน 2015, 21:30:34 »

ถ้า div.1 กับ div.2 อยู่ติดกันเลยนะครับ สามารถเขียน css เรียก div.1 ได้โดย

โค๊ด:
div.2~div.1

แต่ selector ข้างบนนี้เป็น CSS3 ครับ อาจจะใช้กับ browser เก่าไม่ได้

ไม่ได้ครับ มันจะมีผลเฉพาะ classที่อยู่ด้านล่าง ถ้าด้านบนไม่ได้ครับ
wanwan023

ขอโทษทีครับ ลองแบบนี้ครับ
โค๊ด:
var target = $('.2').prev('.1');
บันทึกการเข้า

ทำบุญ สถานที่ทำบุญ สายมู-สายธรรมะ - วอลเปเปอร์สายมู และบทความเกี่ยวกับพุทธศาสนา
หน้า: [1]   ขึ้นบน
พิมพ์