የዎርድፕረስ ጭብጥ ቀን CSS ዘይቤን እንዴት መደበቅ ይቻላል? div የተደበቀ css ዘይቤ አጋዥ ስልጠና

እንዴት መደበቅ እንደሚቻልየዎርድፕረስየገጽታ ቀን CSS ቅጥ?

DIV የተደበቀ የሲኤስኤስ ዘይቤ አጋዥ ስልጠና

Chen Weiliangበቅርብ ጊዜ፣ የድረ-ገጹ አብነት ተሻሽሏል እና ተሻሽሏል፣ እና ይህ ደግሞ ግምት ውስጥ በማስገባት ነው የሚደረገውሲኢኦየተጠቃሚ ልምድ.

አዎአዲስ ሚዲያሰዎች ጠየቁ፡-የተወሰነ አዶን መደበቅ ከፈለግን ፣ የዎርድፕረስ ጭብጥ ቀን?

መልሱ ቅጦችን በ CSS መደበቅ ነው፡-

.r-hide {display：none;}

CSS የተደበቁ ቅጦች ማሳካት ይችላሉ፡-

• 1) የተደበቀ ጽሑፍ
• 2) ሃይፐርሊንኮችን ደብቅ (ጥቁር አገናኞች)
• 3) የስታቲስቲክስ ኮድ ደብቅ
• 4) አዶን ደብቅ

በመጀመሪያ የ CSS መምረጫዎችን ማግኘት አለብን.

የሲኤስኤስ መምረጫዎች ምንድን ናቸው?

የእያንዳንዱ የሲኤስኤስ ዘይቤ ፍቺ 2 ክፍሎችን ያቀፈ ነው-

选择器{样式}

• ከ{} በፊት ያለው ክፍል "መራጭ" ነው።
• "መራጭ" የ{} ነገርን "ስታይል" ያመለክታል።
• ይህ "ቅጥ" የሚሰራው በየትኛው የገጹ አካል ላይ አስተያየቶች?

የ CSS መምረጫዎችን እንዴት ማግኘት ይቻላል?

ኮድ ምሳሌ 1

የሚከተለው የጂአይኤፍ አኒሜሽን ምሳሌ ነው። የCSS መምረጡን በአሳሹ በኩል ካገኘን በኋላ ቀኑ ተደብቋል▼

የ CSS መራጮችን ያግኙ time.the-date ከዚያ በኋላ፣ የሚከተለውን የCSS ኮድ ወደ የ WP ጭብጥ style.css ፋይል ያክሉ።

time.the-date {
 display: none;
}

ኮድ ምሳሌ 2

በ class="r-hide" ኤለመንት እንዴት እንደሚመርጡ እና እንደሚቀዱ እነሆ፡-

.r-hide {display：none;}

የ WP ጭብጥ አማራጮች ካሉት, ከላይ ያለውን የሲኤስኤስ ኮድ ወደየ WP ጭብጥ አማራጮች → ዘይቤን አብጅ → አብጅየቅጥ ኮድ ሳጥን።

• የሲኤስኤስ ቅጦችን ተጠቀምማሳያ፡ የለም;  የተገለጸውን ይዘት መደበቅ ፣
• በአሳሹ የማይታይ ፣ የተደበቀ ይዘት ቦታ አይወስድም ፣
• ብዙውን ጊዜ የጄኤስ ተፅእኖዎችን ለመደበቅ ፣ የስታቲስቲክስ ኮዶች አዶዎችን ለመደበቅ ፣ ወዘተ.

የተራዘመ ንባብ;

• " በሲኤስኤስ መራጭ ክፍል እና መታወቂያ መካከል ያለው ልዩነት ምንድን ነው? መታወቂያ እና የክፍል አጠቃቀም በኤችቲኤምኤል"