Question

非常简单的问题（我认为），是否有办法只使用css编写条件语句检查输入状态？我试着写一个检查是否已经检查过：

我应该详细说明一下。我正在弄乱两个输入，一个是给第一个兄弟列表，我试图在第二个输入被检查后改变第一个输入的属性。只是想知道是否有人找到了这样做的方法，假设答案是＆＃34;不＆＃34;。

<nav>
        <label for="menu-toggle" class="openMenu"><span></span></label>
        <input type="checkbox" id="menu-toggle"/>

        <ul id="main-menu">
            <li><a href=#>Home</a></li>
            <li>
                <label for="menu-toggle-2" class="openDrop">
                        <a name=Services>Services</a>
                </label>
                <input type="checkbox" id="menu-toggle-2"/>
                 <ul id="drop">
                    <li><a href=#>blah</a></li>
                    <li><a href=#>blah</a></li>
                    <li><a href=#>blah</a></li>
                </ul>
            </li>
            <li><a href=#>Portfolio</a></li>
            <li><a href=#>Clients</a></li>
            <li><a href=#>Contact</a></li>
        </ul>

</nav>

我确实知道如何用JS做这件事，只是在弄乱它，看看它是否可能以任何方式只用css。

Answer 1

SASS只是CSS的超集，在发送到浏览器之前编译为CSS。因此，作为CSS，它不能做任何“条件语句” - 它根本不是编程语言而是声明性语言。

话虽如此，采取“检查”行为is pretty trivial。我用过这个HTML：

<input type="checkbox"><span></span>

使用这个CSS：

input + span:before {
    content:'Not Checked';
}
input:checked + span:before {
    content:'Checked!';
}

这只是通用的CSS，与SASS无关，也无法通过SASS进行改进。

通过css检查输入的状态

1 个答案: