Html 如何使用CSS正确定位嵌套元素？

这是一个由三部分组成的问题。我制作网站已经有一段时间了，现在我使用HTML和CSS以及用户创建特定的标记来匹配我的类或id

<div id="test">
    <div id="blah"></div>
</div>

帮助显示从div中删除大部分内容的布局的代码：

    <div id="content_wrapper">
    <div id="content_top"></div><!-- #content_top -->
    <div id="content_middle">
        <div id="content_text">
            <div id="benefits"></div>
            <div id="signup">
            <form name="signup_required" id="signup_required" onsubmit="return false;">
                <div class="sr">
                    <div class="sc">
                        <label>First Name<br />
                        <input id="first_name" type="text" onblur="addtick('first_name')"></label>
                        <span id="first_nametick" class="neutral">d</span>
                    </div>

                    <div class="sc">    
                        <label>Surname<br />
                        <input id="surname" type="text" onblur="addtick('surname')"></label>
                        <span id="surnametick" class="neutral"></span>
                    </div>

                    <div class="sc">
                        <label>Gender<br />
                        <select id="gender" onblur="addtick('gender')">
                            <option value="m">Male</option>
                            <option value="f">Female</option>
                        </select></label>
                        <span id="gendertick" class="neutral"></span>
                    </div>
                 </div>
             </form>

名字

D
姓氏

性别

男性
女性

<强>问题PT2.<强>什么是使用CSS的正确的工业标准格式，它是显示元素相互嵌套的格式，或者我认为Nead系统只是按名称命名每个div或元素的格式。< /P>

---

问题Pt3。使用显示元素嵌套方式的格式，是否会对下载速度产生不利影响，因为经常重复的额外字符和代码行肯定会增加文件大小。

对Q1的回答如下：

你似乎对儿童组合器有误解

剩下的问题是关于最佳实践的。我建议您使用尽可能少的代码来实现期望的结果

例如

#wrapper #content_wrapper #content_middle #content_text #signup_required .sr .sc span.neutral{

。当

.sc span.neutral{

---

。将以更少的代码实现相同的结果，更具可读性/可管理性，将导致更小的文件大小，并使元素更易于移动。

问题1的答案如下：

你似乎对儿童组合器有误解

剩下的问题是关于最佳实践的。我建议您使用尽可能少的代码来实现期望的结果

例如

#wrapper #content_wrapper #content_middle #content_text #signup_required .sr .sc span.neutral{

。当

.sc span.neutral{

---

。将以更少的代码实现相同的结果，更具可读性/可管理性，将导致更小的文件大小，并使元素更易于移动。

问题1的答案如下：

你似乎对儿童组合器有误解

剩下的问题是关于最佳实践的。我建议您使用尽可能少的代码来实现期望的结果

例如

#wrapper #content_wrapper #content_middle #content_text #signup_required .sr .sc span.neutral{

。当

.sc span.neutral{

---

。将以更少的代码实现相同的结果，更具可读性/可管理性，将导致更小的文件大小，并使元素更易于移动。

问题1的答案如下：

你似乎对儿童组合器有误解

剩下的问题是关于最佳实践的。我建议您使用尽可能少的代码来实现期望的结果

例如

#wrapper #content_wrapper #content_middle #content_text #signup_required .sr .sc span.neutral{

。当

.sc span.neutral{

---

。将以更少的代码实现相同的结果，更具可读性/可管理性，文件大小更小，元素移动更容易。

感谢您指出我在理解child combinator时的错误之处，以及您对最佳实践的反馈。我很乐意回到我以前的方法，但在可能需要的特殊场合，请记住另一种方法：感谢您指出我对儿童组合器的理解中的错误之处，以及您对最佳实践的反馈。我很乐意回到我以前的方法，但在可能需要的特殊场合，请记住另一种方法：感谢您指出我对儿童组合器的理解中的错误之处，以及您对最佳实践的反馈。我很乐意回到我以前的方法，但在可能需要的特殊场合，请记住另一种方法：感谢您指出我对儿童组合器的理解中的错误之处，以及您对最佳实践的反馈。我很乐意回到我以前的方法，但在这种奇怪的情况下，请记住另一种方法：D