检查输入';s状态通过css

检查输入';s状态通过css,css,web,sass,Css,Web,Sass,非常简单的问题(我想),有没有一种方法可以编写一个只使用css检查输入状态的条件语句?我试图写一个检查,如果它是:检查与否 我应该再详细一点。我正在处理两个输入,一个是第一个输入的同级列表,我正在尝试在检查第二个输入后更改第一个输入的属性。我只是想知道是否有人找到了一种方法,假设答案是“不” 我知道如何使用JS来实现这一点,只是想看看是否可以用css来实现。SASS只是css的超集,在发送到浏览器之前会编译成css。因此,作为CSS,它不能做任何“条件语句”——它不是

非常简单的问题(我想),有没有一种方法可以编写一个只使用css检查输入状态的条件语句?我试图写一个检查,如果它是:检查与否

我应该再详细一点。我正在处理两个输入,一个是第一个输入的同级列表,我正在尝试在检查第二个输入后更改第一个输入的属性。我只是想知道是否有人找到了一种方法,假设答案是“不”



  • 我知道如何使用JS来实现这一点,只是想看看是否可以用css来实现。SASS只是css的超集,在发送到浏览器之前会编译成css。因此,作为CSS,它不能做任何“条件语句”——它不是一种编程语言,而是一种声明性语言

    话虽如此,采取“克制”的行为。我使用了以下HTML:

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

    这只是一般的CSS,与SASS无关,也不能通过SASS进行改进。

    您知道SASS代码永远不会发送到客户端,对吗?无论你要求什么,都必须是CSS的一个特性。是的,我知道这一点。我试图在css中得到我正在做的事情,但是做不到。因此,我认为在sass中编写一个条件语句,然后将其编译成css将更容易理解和使用。为什么这样更容易理解呢?如果你不知道什么样的CSS是必要的,以获得预期的结果,Sass不能帮助你。我改变了标题,以安抚你多一点哈哈。我明白你的意思,我对sass不是那么陌生。我只是假设,从逻辑上讲,使用sass编写代码可能比使用css更容易。
    元素是无效元素,那么“一个……另一个的子元素”到底是什么呢?否:除非CSS获得父对象或subject/
    :has()
    ,否则这是不可能的。
    <input type="checkbox"><span></span>
    
    input + span:before {
        content:'Not Checked';
    }
    input:checked + span:before {
        content:'Checked!';
    }