??
 ????
 ????
  
  這個表格是綠色邊框<\/th>  
 ????		這個表格是綠色邊框<\/th>  
 ??<\/tr>  
 ??
  這個表格是綠色邊框<\/td>  
 ????		這個表格是綠色邊框<\/td>  
 ??<\/tr>  
 <\/table>  
 <\/div>  
   
 ??
 ??
 ????
 ????
<bdo id="d0of5"></bdo>
  
  這個表格是紅色邊框<\/th>  
 ????		這個表格是紅色邊框<\/th>  
 ??<\/tr>  
 ??
  這個表格是紅色邊框<\/td>  
 ????		這個表格是紅色邊框<\/td>  
 ??<\/tr>  
 <\/table>  
 <\/div>  
 <\/body>  
 <\/html>  
 這是效果圖：  
 <\/p> 
 
回復(fù)討論(解決方案)<\/h2> 
    
   
   
   
 無標(biāo)題文檔<\/title>  <br> <style>  <br> #dc?table?{  <br> border:?1px?solid?#0F0;  <br> }  <br> #dc?tr,th?{  <br> border:?1px?solid?#0F0;  <br> }  <br> #cd?{  <br> margin-top:?20px;  <br> }  <br> #cd?table?{  <br> border-collapse:?collapse;  <br> }  <br> #cd?table?tr,td?{  <br> border:?1px?solid?#F00;  <br> }  <br>  <br> <\/style>  <br> <\/head>  <br> <body>
<h1><a href="http://ipnx.cn/">亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱</a></h1>  <br> <div id=\"dc\">  <br> <table>  <br> ??<tr>  <br> ????<th>這個表格是綠色邊框<\/th>  <br> ????<th>這個表格是綠色邊框<\/th>  <br> ??<\/tr>  <br> ??<tr>  <br> ????<th>這個表格是綠色邊框<\/th>  <br> ????<th>這個表格是綠色邊框<\/th>  <br> ??<\/tr>  <br> <\/table>  <br> <\/div> <br> <div   class="wjcelcm34c"   id=\"cd\"> <br> <table> <br> <tr> <br> td>This table has a red border<\/td> <br> <\/tr> <br> <tr> <br> ;This table has a red border<\/td> <br> <\/tr> <br> <\/table> <br> <\/div> ; <br> <br> <br> <br> <\/p> Understand the usage of CSS compound selector. Take a look at the two pieces of code above. <p class=\"sougouAnswer\"> <pre class='brush:php;toolbar:false;'>#dc table tr td,#dc table tr th{border: 1px solid #0F0;}#cd table tr td,#cd table tr th{border: 1px solid #F00;}<\/pre> #dc tr,th,td { <br> border: 1px solid #0F0; <br> } <\/p> #cd table tr,th,td { <p class=\"sougouAnswer\"> border: 1px solid #F00; <br> } <br> Your two selectors actually select 3 each, one is #dc tr, one is th and one is td <br> <br> CSS code?1234567#dc table tr td,# dc table tr th{border: 1px solid #0F0;}#cd table tr td,#cd table tr th{border: 1px solid #F00;} <br> <br> Understand the usage of CSS compound selector. Take a look at the two pieces of code above.  <\/p> The first one means that the td element and the th element contained under the tr element under the table element with id dc share a statement {border: 1px solid #0f0; <p class=\"sougouAnswer\"> The second one means the same as the first one It's the same, but the ID is different. Do you understand me correctly?  <br> What you want to tell me is that my compound selector is written incorrectly? #dc tr,td,th{border......} Is this incorrect? <br> <br> Well, I have figured it out. It is indeed a writing error. The compound selector under the same ID needs to be written like this: #dc th, #dc td {border...} is correct. Special thanks to 2nd floor and 3rd floor. Correction from my friend! Thank you also, friend on the 1st floor, haha, but your code treats the symptoms but not the root cause. You just write the first table as th and the second table as td. Although the table effect is achieved, the first table is all Header, it’s not the final result I want <br> <br> Well, I figured it out. It’s indeed a writing error. The compound selector under the same ID needs to be written like this: #dc th, #dc td {border… ...} is correct. Special thanks to friends on the 2nd and 3rd floors for their corrections! Thank you also, friend on the 1st floor, haha, but your code treats the symptoms but not the root cause. You just write the first table as th and the second table as td. Although the table effect is achieved, the first table is all Header, it’s not the final result I want <\/p> <p class=\"sougouAnswer\"> You’re welcome hehe <\/p>"}	</script>
	
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<script>var V_PATH="/";window.onerror=function(){ return true; };</script>
</head>

<body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2">
	<link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css">
<header>
    <div   id="wjcelcm34c"   class="head">
        <div   id="wjcelcm34c"   class="haed_left">
            <div   id="wjcelcm34c"   class="haed_logo">
                <a href="http://ipnx.cn/" title="" class="haed_logo_a">
                    <img src="/static/imghw/logo.png" alt="" class="haed_logoimg">
                </a>
            </div>
            <div   id="wjcelcm34c"   class="head_nav">
                <div   id="wjcelcm34c"   class="head_navs">
                    <a href="javascript:;" title="Community" class="head_nava head_nava-template1">Community</a>
                    <div   class="wjcelcm34c"   id="dropdown-template1" style="display: none;">
                        <div   id="wjcelcm34c"   class="languagechoose">
                            <a href="http://ipnx.cn/article.html" title="Articles" class="languagechoosea on">Articles</a>
                            <a href="http://ipnx.cn/faq/zt" title="Topics" class="languagechoosea">Topics</a>
                            <a href="http://ipnx.cn/wenda.html" title="Q&A" class="languagechoosea">Q&A</a>
                        </div>
                    </div>
                </div>

                <div   id="wjcelcm34c"   class="head_navs">
                    <a href="javascript:;" title="Learn" class="head_nava head_nava-template1_1">Learn</a>
                    <div   class="wjcelcm34c"   id="dropdown-template1_1" style="display: none;">
                        <div   id="wjcelcm34c"   class="languagechoose">
                            <a href="http://ipnx.cn/course.html" title="Course" class="languagechoosea on">Course</a>
                            <a href="http://ipnx.cn/dic/" title="Programming Dictionary" class="languagechoosea">Programming Dictionary</a>
                        </div>
                    </div>
                </div>

                <div   id="wjcelcm34c"   class="head_navs">
                    <a href="javascript:;" title="Tools Library" class="head_nava head_nava-template1_2">Tools Library</a>
                    <div   class="wjcelcm34c"   id="dropdown-template1_2" style="display: none;">
                        <div   id="wjcelcm34c"   class="languagechoose">
                            <a href="http://ipnx.cn/toolset/development-tools" title="Development tools" class="languagechoosea on">Development tools</a>
                            <a href="http://ipnx.cn/toolset/website-source-code" title="Website Source Code" class="languagechoosea">Website Source Code</a>
                            <a href="http://ipnx.cn/toolset/php-libraries" title="PHP Libraries" class="languagechoosea">PHP Libraries</a>
                            <a href="http://ipnx.cn/toolset/js-special-effects" title="JS special effects" class="languagechoosea on">JS special effects</a>
                            <a href="http://ipnx.cn/toolset/website-materials" title="Website Materials" class="languagechoosea on">Website Materials</a>
                            <a href="http://ipnx.cn/toolset/extension-plug-ins" title="Extension plug-ins" class="languagechoosea on">Extension plug-ins</a>
                        </div>
                    </div>
                </div>

                <div   id="wjcelcm34c"   class="head_navs">
                    <a href="http://ipnx.cn/ai" title="AI Tools" class="head_nava head_nava-template1_3">AI Tools</a>
                </div>

                <div   id="wjcelcm34c"   class="head_navs">
                    <a href="javascript:;" title="Leisure" class="head_nava head_nava-template1_3">Leisure</a>
                    <div   class="wjcelcm34c"   id="dropdown-template1_3" style="display: none;">
                        <div   id="wjcelcm34c"   class="languagechoose">
                            <a href="http://ipnx.cn/game" title="Game Download" class="languagechoosea on">Game Download</a>
                            <a href="http://ipnx.cn/mobile-game-tutorial/" title="Game Tutorials" class="languagechoosea">Game Tutorials</a>

                        </div>
                    </div>
                </div>
            </div>
        </div>
                    <div   id="wjcelcm34c"   class="head_search">
                <input id="key_words"  onkeydown="if (event.keyCode == 13) searchs('en')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
                <a href="javascript:;" title="search"  onclick="searchs('en')"><img src="/static/imghw/find.png" alt="search"></a>
            </div>
                <div   id="wjcelcm34c"   class="head_right">
            <div   id="wjcelcm34c"   class="haed_language">
                <a href="javascript:;" class="layui-btn haed_language_btn">English<i class="layui-icon layui-icon-triangle-d"></i></a>
                <div   class="wjcelcm34c"   id="dropdown-template" style="display: none;">
                    <div   id="wjcelcm34c"   class="languagechoose">
                                                <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a>
                                                <a href="javascript:;" title="English" class="languagechoosea">English</a>
                                                <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a>
                                                <a href="javascript:setlang('ja');" title="日本語" class="languagechoosea">日本語</a>
                                                <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a>
                                                <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a>
                                                <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a>
                                                <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a>
                                            </div>
                </div>
            </div>
            <span id="wjcelcm34c"    class="head_right_line"></span>
                            <div style="display: block;" id="login" class="haed_login ">
                    <a href="javascript:;"  title="Login" class="haed_logina ">Login</a>
                </div>
                <div style="display: block;" id="reg" class="head_signup login">
                    <a href="javascript:;"  title="singup" class="head_signupa">singup</a>
                </div>
            
        </div>
    </div>
</header>

	
	<main>
		<div   id="wjcelcm34c"   class="Article_Details_main">
			<div   id="wjcelcm34c"   class="Article_Details_main1">
							<div   id="wjcelcm34c"   class="Article_Details_main1L">
					<div   id="wjcelcm34c"   class="Article_Details_main1Lmain" id="Article_Details_main1Lmain">
						<div   id="wjcelcm34c"   class="Article_Details_main1L1">Table of Contents</div>
						<div   id="wjcelcm34c"   class="Article_Details_main1L2" id="Article_Details_main1L2">
							<!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"-->
															<div   id="wjcelcm34c"   class="Article_Details_main1L2s ">
									<a href="#回復(fù)討論-解決方案" title="回復(fù)討論(解決方案)" >回復(fù)討論(解決方案)</a>
								</div>
														</div>
					</div>
				</div>
							<div   id="wjcelcm34c"   class="Article_Details_main1M">
					<div   id="wjcelcm34c"   class="phpgenera_Details_mainL1">
						<a href="http://ipnx.cn/" title="Home"
							class="phpgenera_Details_mainL1a">Home</a>
						<img src="/static/imghw/top_right.png" alt="" />
												<a href="http://ipnx.cn/web-designer.html"
							class="phpgenera_Details_mainL1a">Web Front-end</a>
						<img src="/static/imghw/top_right.png" alt="" />
												<a href="http://ipnx.cn/div-tutorial.html"
							class="phpgenera_Details_mainL1a">HTML Tutorial</a>
						<img src="/static/imghw/top_right.png" alt="" />
						<span>Two tables in one html set two styles but apply the same_html/css_WEB-ITnose</span>
					</div>
					
					<div   id="wjcelcm34c"   class="Articlelist_txts">
						<div   id="wjcelcm34c"   class="Articlelist_txts_info">
							<h1 class="Articlelist_txts_title">Two tables in one html set two styles but apply the same_html/css_WEB-ITnose</h1>
							<div   id="wjcelcm34c"   class="Articlelist_txts_info_head">
								<div   id="wjcelcm34c"   class="author_info">
									<a href="http://ipnx.cn/member/887227.html"  class="author_avatar">
									<img class="lazy"  data-src="https://img.php.cn/upload/avatar/000/887/227/63bb7851c9547215.jpg" src="/static/imghw/default1.png" alt="WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB">
									</a>
									<div   id="wjcelcm34c"   class="author_detail">
																			<a href="http://ipnx.cn/member/887227.html" class="author_name">WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</a>
                                										</div>
								</div>
                			</div>
							<span id="wjcelcm34c"    class="Articlelist_txts_time">Jun 24, 2016 pm	 12:16 PM</span>
														
						</div>
					</div>
					<hr />
					<div   id="wjcelcm34c"   class="article_main php-article">
						<div   id="wjcelcm34c"   class="article-list-left detail-content-wrap content">
						<ins class="adsbygoogle"
							style="display:block; text-align:center;"
							data-ad-layout="in-article"
							data-ad-format="fluid"
							data-ad-client="ca-pub-5902227090019525"
							data-ad-slot="3461856641">
						</ins>
						

					<p class="sougouContent">  代碼如下：  <br> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <br> <html xmlns="http://www.w3.org/1999/xhtml">  <br> <head>  <br> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <br> <title>表格  
   
   
  
   
 
  
 
 ??
 ????
 ????
 ??
 ??
 ????
 ????
 ??
  
  這個表格是綠色邊框  這個表格是綠色邊框  
  
  這個表格是綠色邊框  這個表格是綠色邊框  
   
  
 
  
 
  
 ??
 ??
 ????
 ????
 ??
 ??
 ????
 ????
 ??
  
  這個表格是紅色邊框  這個表格是紅色邊框  
  
  這個表格是紅色邊框  這個表格是紅色邊框  
   
  
 
  
 
  
   
 這是效果圖：  
 
 
 
回復(fù)討論(解決方案)
 
    
   
   
   
 無標(biāo)題文檔  
   
   
   
 
  
 
 ??
 ????
 ????
 ??
 ??
 ????
 ????
 ??
  
  這個表格是綠色邊框  這個表格是綠色邊框  
  
  這個表格是綠色邊框  這個表格是綠色邊框  
   
  
 
 
 
 
 

 td>This table has a red border


 ;This table has a red border

  
   
  
   
  
 
 
 ; 
 
 
 
 
 Understand the usage of CSS compound selector. Take a look at the two pieces of code above. 
 
#dc table tr td,#dc table tr th{border: 1px solid #0F0;}#cd table tr td,#cd table tr th{border: 1px solid #F00;}
 #dc tr,th,td { 
 border: 1px solid #0F0; 
 } 
 #cd table tr,th,td { 
 border: 1px solid #F00; 
 } 
 Your two selectors actually select 3 each, one is #dc tr, one is th and one is td 
 
 CSS code?1234567#dc table tr td,# dc table tr th{border: 1px solid #0F0;}#cd table tr td,#cd table tr th{border: 1px solid #F00;} 
 
 Understand the usage of CSS compound selector. Take a look at the two pieces of code above.  
 The first one means that the td element and the th element contained under the tr element under the table element with id dc share a statement {border: 1px solid #0f0; 
 The second one means the same as the first one It's the same, but the ID is different. Do you understand me correctly?  
 What you want to tell me is that my compound selector is written incorrectly? #dc tr,td,th{border......} Is this incorrect? 
 
 Well, I have figured it out. It is indeed a writing error. The compound selector under the same ID needs to be written like this: #dc th, #dc td {border...} is correct. Special thanks to 2nd floor and 3rd floor. Correction from my friend! Thank you also, friend on the 1st floor, haha, but your code treats the symptoms but not the root cause. You just write the first table as th and the second table as td. Although the table effect is achieved, the first table is all Header, it’s not the final result I want 
 
 Well, I figured it out. It’s indeed a writing error. The compound selector under the same ID needs to be written like this: #dc th, #dc td {border… ...} is correct. Special thanks to friends on the 2nd and 3rd floors for their corrections! Thank you also, friend on the 1st floor, haha, but your code treats the symptoms but not the root cause. You just write the first table as th and the second table as td. Although the table effect is achieved, the first table is all Header, it’s not the final result I want 
 
 You’re welcome hehe 



						
					
					

						
Statement of this Website

						
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

					

				

				



				



				
    


					


											

							

								

									
									
Hot AI Tools

								

								

																		

											
												Undress AI Tool
											
											

												
													
Undress AI Tool

												
												
Undress images for free

											

										

																		

											
												Undresser.AI Undress
											
											

												
													
Undresser.AI Undress

												
												
AI-powered app for creating realistic nude photos

											

										

																		

											
												AI Clothes Remover
											
											

												
													
AI Clothes Remover

												
												
Online AI tool for removing clothes from photos.

											

										

																		

											
												Clothoff.io
											
											

												
													
Clothoff.io

												
												
AI clothes remover

											

										

																		

											
												Video Face Swap
											
											

												
													
Video Face Swap

												
												
Swap faces in any video effortlessly with our completely free AI face swap tool!

											

										

																

								
							

						

					


					


											

							

								

									
									
Hot Tools

								

								

																		

											
												Notepad++7.3.1
											
											

												
													
Notepad++7.3.1

												
												
Easy-to-use and free code editor

											

										

																			

											
												SublimeText3 Chinese version
											
											

												
													
SublimeText3 Chinese version

												
												
Chinese version, very easy to use

											

										

																			

											
												Zend Studio 13.0.1
											
											

												
													
Zend Studio 13.0.1

												
												
Powerful PHP integrated development environment

											

										

																			

											
												Dreamweaver CS6
											
											

												
													
Dreamweaver CS6

												
												
Visual web development tools

											

										

																			

											
												SublimeText3 Mac version
											
											

												
													
SublimeText3 Mac version

												
												
God-level code editing software (SublimeText3)

											

										

																	

								
							

						

										

					
					
				

			
							

					

						
						


													

								
									Applying Semantic Structure with article, section, and aside in HTML
								
								Applying Semantic Structure with article, section, and aside in HTML
								Jul 05, 2025 am	 02:03 AM
								
The rational use of semantic tags in HTML can improve page structure clarity, accessibility and SEO effects. 1. Used for independent content blocks, such as blog posts or comments, it must be self-contained; 2. Used for classification related content, usually including titles, and is suitable for different modules of the page; 3. Used for auxiliary information related to the main content but not core, such as sidebar recommendations or author profiles. In actual development, labels should be combined and other, avoid excessive nesting, keep the structure simple, and verify the rationality of the structure through developer tools.

							

														

								
									What are the essential HTML elements for structuring a webpage?
								
								What are the essential HTML elements for structuring a webpage?
								Jul 03, 2025 am	 02:34 AM
								
The web page structure needs to be supported by core HTML elements. 1. The overall structure of the page is composed of , , which is the root element, which stores meta information and displays the content; 2. The content organization relies on title (-), paragraph () and block tags (such as ,) to improve organizational structure and SEO; 3. Navigation is implemented through and implemented, commonly used organizations are linked and supplemented with aria-current attribute to enhance accessibility; 4. Form interaction involves , , and , to ensure the complete user input and submission functions. Proper use of these elements can improve page clarity, maintenance and search engine optimization.

							

														

								
									Implementing client-side form validation using HTML attributes.
								
								Implementing client-side form validation using HTML attributes.
								Jul 03, 2025 am	 02:31 AM
								
Client-sideformvalidationcanbedonewithoutJavaScriptbyusingHTMLattributes.1)Userequiredtoenforcemandatoryfields.2)ValidateemailsandURLswithtypeattributeslikeemailorurl,orusepatternwithregexforcustomformats.3)Limitvaluesusingmin,max,minlength,andmaxlen

							

														

								
									Implementing Clickable Buttons Using the HTML button Element
								
								Implementing Clickable Buttons Using the HTML button Element
								Jul 07, 2025 am	 02:31 AM
								
To use HTML button elements to achieve clickable buttons, you must first master its basic usage and common precautions. 1. Create buttons with tags and define behaviors through type attributes (such as button, submit, reset), which is submitted by default; 2. Add interactive functions through JavaScript, which can be written inline or bind event listeners through ID to improve maintenance; 3. Use CSS to customize styles, including background color, border, rounded corners and hover/active status effects to enhance user experience; 4. Pay attention to common problems: make sure that the disabled attribute is not enabled, JS events are correctly bound, layout occlusion, and use the help of developer tools to troubleshoot exceptions. Master this

							

														

								
									What are self-closing tags in HTML?
								
								What are self-closing tags in HTML?
								Jul 02, 2025 pm	 02:55 PM
								
Self-closing tags are elements in HTML that do not require closed tags because they do not contain content. Common examples include: ① Insert pictures; ② Add line breaks; ③ Create horizontal lines; ④ Define form input; ⑤ Link external resources; ⑥ Provide metadata. These tags work through attributes such as or. There are two correct ways to write: standard HTML syntax, such as XHTML style, but HTML5 recommends the former. Note that you cannot use self-closed form on labels that require the package content. If the error is wrong, it should be changed to a correctly closed Hello. Proper use of self-closing tags helps keep your code simple and efficient, and improves compatibility with other tools such as frameworks.

							

														

								
									How to group options within a select dropdown using html?
								
								How to group options within a select dropdown using html?
								Jul 04, 2025 am	 03:16 AM
								
Use tags in HTML to group options in the drop-down menu. The specific method is to wrap a group of elements and define the group name through the label attribute, such as: 1. Contains options such as apples, bananas, oranges, etc.; 2. Contains options such as carrots, broccoli, etc.; 3. Each is an independent group, and the options within the group are automatically indented. Notes include: ① No nesting is supported; ② The entire group can be disabled through the disabled attribute; ③ The style is restricted and needs to be beautified in combination with CSS or third-party libraries; plug-ins such as Select2 can be used to enhance functions.

							

														

								
									Adding captions and tracks to HTML video and audio elements.
								
								Adding captions and tracks to HTML video and audio elements.
								Jul 02, 2025 pm	 04:05 PM
								
To embed video or audio with subtitles and audio tracks into a web page, it can be achieved through HTML native functionality. 1. Use tags to add subtitles files in WebVTT format and set the kind, srclang and label attributes; 2. Support multi-language subtitles through multiple elements, and use the default attribute to set the default language; 3. Multi-tracks can control multiple element switching through JavaScript, or use more complex media extension solutions; 4. Pay attention to browser compatibility, path configuration and format verification to ensure normal operation on different devices and provide backup solutions.

							

														

								
									Debugging common HTML validation errors.
								
								Debugging common HTML validation errors.
								Jul 03, 2025 am	 02:41 AM
								
When encountering HTML verification errors, you must first clarify the problem and correct it according to the specifications. 1. When the required attributes are missing, the src and alt and a href of img should be completed; 2. When the tag nesting is incorrect, the structure should be clarified and the tags should be closed correctly to avoid confusion in nesting block-level elements; 3. When using invalid or discarded tags, you should refer to the MDN document to replace it with modern writing methods, such as replacing center and font with CSS; 4. When character encoding problems, add metacharset="UTF-8" and ensure that the file is saved in UTF-8 format to solve it.

							

													


													
								See all articles