WordPress сэдвийн огнооны CSS хэв маягийг хэрхэн нуух вэ? div далд css загварын заавар

WordPress сэдэвт огнооны CSS хэв маягийг хэрхэн нуух вэ ?

DIV далд CSS загварын заавар

Чен Вэйлян саяхан вэбсайтын загварыг сайжруулж, оновчтой болгож, SEO болон хэрэглэгчийн туршлагыг харгалзан үзэж байна.

Шинэхэн хэвлэл мэдээллийн мэргэжилтэн асуув: WordPress сэдэвт тодорхой дүрс эсвэл огноог хэрхэн нуух вэ?

Хариулт нь CSS ашиглан хэв маягийг нуух явдал юм:

.r-hide {display：none;}

CSS далд хэв маяг нь дараахь зүйлийг хийж чадна.

• 1) Нуугдсан текст
• 2) Гипер холбоосыг нуух (хар холбоос)
• 3) Статистикийн кодыг нуух
• 4) Дүрсийг нуух

Эхлээд бид CSS сонгогчийг олох хэрэгтэй.

CSS сонгогч гэж юу вэ?

CSS загвар бүрийн тодорхойлолт нь 2 хэсгээс бүрдэнэ.

选择器{样式}

• {}-ийн өмнөх хэсэг нь "сонгогч" юм.
• "Сонгогч" нь {} объектын "загвар"-ыг заана.
• Энэ "хэв маяг" нь хуудасны аль элемент дээр ажилладаг вэ?

CSS сонгогчийг хэрхэн олох вэ?

Кодын жишээ 1

Дараах нь GIF хөдөлгөөнт дүрсний жишээ юм. Хөтөчөөр дамжуулан CSS сонгогчийг олсны дараа огноог нуусан болно▼

CSS сонгогчийг аваарай time.the-date Үүний дараа WP сэдвийн style.css файлд дараах CSS кодыг нэмнэ үү:

time.the-date {
 display: none;
}

Кодын жишээ 2

class="r-hide" бүхий элементийг хэрхэн сонгох, загварчлахыг эндээс үзнэ үү.

.r-hide {display：none;}

Хэрэв таны WP загвар сонголтын функцтэй бол дээрх CSS кодыг WP Сэдвийн Сонголтууд → Хэв маягийг тохируулах → Хэв маягийн кодын хайрцагт нэмж болно.

• CSS хэв маягийг ашиглахдэлгэц: байхгүй;  заасан агуулгыг нуух,
• Хөтөчөөр харагдахгүй, далд контент нь зай эзэлдэггүй,
• Ихэвчлэн JS эффектүүдийг нуух, статистик кодын дүрсийг нуух гэх мэтийг ашигладаг.

Өргөтгөсөн унших:

• " CSS сонгогч анги ба id хоёрын ялгаа юу вэ? HTML дэх id болон ангийн хэрэглээ"