จะยกเลิกการใช้ css บางตัวได้ไหมครับ +1

[nscyber]

พอดีว่าเว็บที่พัฒนานั้นมีการใช้ CSS ที่ไปควบคุม tag เฉพาะทำให้แก้ลำบากเลยอยากทราบว่าพอมีคำสั่งแบบ สมมติใช้ table แล้วอยากจะให้ table นั้นไม่โดนควบคุมไปด้วย หรือใช้ได้กับเฉพาะ CSS ไฟล์นี้นะ มันจะมีคำสั่งพิเศษอะไรมากันไว้ไหมครับ เพราะบางที CSS มันชนกันหลายไฟล์ บางทีเอา bootstrap มาก็ชนกับของเก่า

ปล.ผมไม่ได้พัฒนาเองทั้งหมดครับ เนื่องจากงานบางงานต้องไปพัฒนาต่อกับนักพัฒนาเก่า เลยทำให้ลำบากในการพัฒนาน่ะครับ

ขอขอบคุณครับ 

[sputtaro]

โดยทั่วไป หากเราเลือกได้ ก็พยายามตั้งชื่อแท็กให้ต่างจากของเดิม
แต่หากเลือกไม่ได้ ลองศึกษาเรื่อง ID, CLASS
รวมทั้ง คำสั่ง !important;
และรวมไปถึงการ เรียงลำดับก่อน-หลังของไฟล์ css
เรียงลำดับก่อน-หลังของใส่ชื่อ class

******************************
หวังว่าจะมีประโยชน์นะครับ

[gubaaball]

ลบคลาสหรือไอดีที่ css ควบคุมอยู่ออกครับ หรือนำไฟล์ css ที่จะใช้มาไว้หลังสุดน่าจะพอช่วยได้

[EDWARDit]

โดยทั่วไป หากเราเลือกได้ ก็พยายามตั้งชื่อแท็กให้ต่างจากของเดิม
แต่หากเลือกไม่ได้ ลองศึกษาเรื่อง ID, CLASS
รวมทั้ง คำสั่ง !important;
และรวมไปถึงการ เรียงลำดับก่อน-หลังของไฟล์ css
เรียงลำดับก่อน-หลังของใส่ชื่อ class

******************************
หวังว่าจะมีประโยชน์นะครับ

ตามท่านนี้น่าจะพอช่วยได้ครับ

[nscyber]

ปัญหาคือเว็บแต่ละคนนั้นกว้างใหญ่ไพศาลแถมถ้าไปเปลี่ยนอะไร อาจะไปกีะทบส่วนอื่นๆได้ ปัฯหาคือเค้าไม่ได้คุมที่ id หรือ class ไม่งั้นจะง่าย แต่เขาคุมที่ tag โดนตรงเลย 

[dragons_first]

แบบไม่กระทบ
div > .row > div p{font-size:12px;}

ถ้าอยากบังคับให้ลึกตื้นหนาบาง ก็ต้องระบุ tag ลงไปครับ ให้เหมือนเราวางกล่องซ้อนกล่อง

[FcKiEn]

ถ้าไม่ลำบากก็ inline style ไปเลยครับ 

[nscyber]

แบบไม่กระทบ
div > .row > div p{font-size:12px;}

ถ้าอยากบังคับให้ลึกตื้นหนาบาง ก็ต้องระบุ tag ลงไปครับ ให้เหมือนเราวางกล่องซ้อนกล่อง

ระบุไปทีละชั้นเลยหรอครับแบบนี้ถูกไหมเอ่ย

โค้ด เลือก ขยาย


<div>
   <div class"row">
      <div>
         <p></p>
      </div>
   </div>
</div>


โค้ด เลือก ขยาย

div .row div p{
  font-size:12px;
}

[ch0k]

โดยทั่วไป หากเราเลือกได้ ก็พยายามตั้งชื่อแท็กให้ต่างจากของเดิม
แต่หากเลือกไม่ได้ ลองศึกษาเรื่อง ID, CLASS
รวมทั้ง คำสั่ง !important;
และรวมไปถึงการ เรียงลำดับก่อน-หลังของไฟล์ css
เรียงลำดับก่อน-หลังของใส่ชื่อ class

******************************
หวังว่าจะมีประโยชน์นะครับ

ตามท่านนี้น่าจะพอช่วยได้ครับ

ตามนี้ครับ ถ้าอ้างอิงอย่างเป็นระบบ ก็จะง่ายครับ
อย่างแรกเลยต้องวิเคราะห์โครงสร้างของ tag, class, id ให้ได้ก่อน

[nscyber]

โดยทั่วไป หากเราเลือกได้ ก็พยายามตั้งชื่อแท็กให้ต่างจากของเดิม
แต่หากเลือกไม่ได้ ลองศึกษาเรื่อง ID, CLASS
รวมทั้ง คำสั่ง !important;
และรวมไปถึงการ เรียงลำดับก่อน-หลังของไฟล์ css
เรียงลำดับก่อน-หลังของใส่ชื่อ class

******************************
หวังว่าจะมีประโยชน์นะครับ

ตามท่านนี้น่าจะพอช่วยได้ครับ

ตามนี้ครับ ถ้าอ้างอิงอย่างเป็นระบบ ก็จะง่ายครับ
อย่างแรกเลยต้องวิเคราะห์โครงสร้างของ tag, class, id ให้ได้ก่อน

ขอบคุณครับ ผมได้ตอบไว้แล้วว่า

ปัญหาคือเว็บแต่ละคนนั้นกว้างใหญ่ไพศาลแถมถ้าไปเปลี่ยนอะไร อาจะไปกีะทบส่วนอื่นๆได้ ปัฯหาคือเค้าไม่ได้คุมที่ id หรือ class ไม่งั้นจะง่าย แต่เขาคุมที่ tag โดนตรงเลย

ถึงจะกำหนด class id เข้าไปแต่ tag ตรงๆโดนอยู่ก็เท่านั้นครับ

มันง่ายครับถ้าเราควบคุมเอง แต่มันยาก ถ้าเราไปต่อยอดจากคนอื่น  

[ch0k]

ปัญหาคือเว็บแต่ละคนนั้นกว้างใหญ่ไพศาลแถมถ้าไปเปลี่ยนอะไร อาจะไปกีะทบส่วนอื่นๆได้ ปัฯหาคือเค้าไม่ได้คุมที่ id หรือ class ไม่งั้นจะง่าย แต่เขาคุมที่ tag โดนตรงเลย

ถึงจะกำหนด class id เข้าไปแต่ tag ตรงๆโดนอยู่ก็เท่านั้นครับ

[/quote]

โค้ด เลือก ขยาย

แต่ tag ตรงๆโดนอยู่ก็เท่านั้น

ตรงนี้ไม่ค่อยเข้าใจครับ พอดียังไม่เห็น code ด้วย

[BakKheab]

ใส่ class เข้าไปใน tag html สิครับ
แล้วไปเปลี่ยน css selector จาก tag มาเป็นชื่อ class ที่ตั้งใหม่

ถ้าใช้ notepad++ ก็ค้นหาชื่อ tag ที่ใช้ selector ใน css แล้วทำการ Replace All

เช่น
<header>
   <h1></h1>
   <h2></h2>
</header>

เพิ่ม class
<header class="header">
   <h1 class="h1"></h1>
   <h2 class="h2"></h2>
</header>

ค้นหา          header {
replace all   .header {
ค้นหา          header h1{
replace all   .header .h1{
ค้นหา          header h2{
replace all   .header .h2{

วิธีนี้อาจจะกึ่ง ๆ manual สักหน่อย แต่คิดว่าน่าจะ โอเคและมั่นใจได้สุดว่าจะไม่มีปัญหาภายหลัง

จริง ๆ แล้ว วิธีแก้ปัญหาอาจจะมีเยอะนะครับ ถ้าเข้าใจ CSS Selector

PS. ถ้าตอบไม่ตรงคำถาม อย่าว่าผมนะครับ ต้องว่าเจ้าของกระทู้ ที่ถามไม่ตรงคำตอบผม 55555 ล้อเล่นนะครับ

[joei]

พอดีว่าเว็บที่พัฒนานั้นมีการใช้ CSS ที่ไปควบคุม tag เฉพาะทำให้แก้ลำบากเลยอยากทราบว่าพอมีคำสั่งแบบ สมมติใช้ table แล้วอยากจะให้ table นั้นไม่โดนควบคุมไปด้วย หรือใช้ได้กับเฉพาะ CSS ไฟล์นี้นะ มันจะมีคำสั่งพิเศษอะไรมากันไว้ไหมครับ เพราะบางที CSS มันชนกันหลายไฟล์ บางทีเอา bootstrap มาก็ชนกับของเก่า

ปล.ผมไม่ได้พัฒนาเองทั้งหมดครับ เนื่องจากงานบางงานต้องไปพัฒนาต่อกับนักพัฒนาเก่า เลยทำให้ลำบากในการพัฒนาน่ะครับ

ขอขอบคุณครับ 

เท่าที่นึกออกไม่มีครับ ต้องรื้อแล้วเขียนใหม่

[ch0k]

ลองเอาโค๊ดที่บอกว่าไม่ได้มาลองดูกันดีกว่ามั๊ยครับ

[sinomoney]

ขอเก็บความรู้ด้วยครับ 

[mango]

ขอบคุณมากครับ 

[nscyber]

ขอบคุณทุกท่านมากครับ +1 ให้เรียบร้อย เดี๋ยวผมลองประยุกต์ดูอีกรอบครับ 555

[MD.18]

ลองดู
:not(x)

อีกตัวครับเผื่อช่วยได้หาทางประยุกต์เอา
เพราะตีความคำถามไม่ออกเลยไม่รู้จะช่วยยังไงครับ

[killer777]

ส่วนที่ผมทำจะตั้งชื่อ id มาครอบเอาไว้เฉพาะครับเช่น

<div id="home__news__gallery">
......
</div>

<div id="home__vdo_gallery">
......
</div>

<div id="home__article">
......
</div>

โดยจะแยกเป็นส่วนๆครับ