Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 换班标志_Css_Twitter Bootstrap - Fatal编程技术网

Css 换班标志

Css 换班标志,css,twitter-bootstrap,Css,Twitter Bootstrap,您好,我是css新手,并且已经开始使用引导程序,我必须用class更改搜索输入框的背景色。搜索查询。上面的css代码来自bootstrap.css。如果我在上面的类中更改背景色,是否也会影响.navbar反转和.navbar搜索?为什么这个类是用.navbar inverse.navbar search.search query{}定义的,而不是简单的.search query{}?这是否意味着三个类具有相同的签名,或者.search查询类在navbar inverse和.navbar sear

您好,我是css新手,并且已经开始使用引导程序,我必须用class
更改搜索输入框的背景色。搜索查询
。上面的css代码来自bootstrap.css。如果我在上面的类中更改
背景色
,是否也会影响
.navbar反转和.navbar搜索
?为什么这个类是用
.navbar inverse.navbar search.search query{}
定义的,而不是简单的
.search query{}
?这是否意味着三个类具有相同的签名,或者.search查询类在
navbar inverse和.navbar search
下应用?

这是一个
CSS
问题,而不是一个
引导问题

CSS
中,如果用空格分隔两个选择器,则其意义与您推断的“仅适用于navbars搜索中包含的.search查询”

element1 element2{
/*
*适用于任何级别的后代
*     
*或
*     
*/
}
元素1,元素2{
/*
*适用于或
*/
}
元素1>元素2{
/*
*仅适用于直接子女
*/
}
元素1+元素2{
/*
*仅适用于前一个兄弟姐妹
*     
*/
}

这是一个
CSS
问题,与其说是一个
引导问题,不如说是一个
问题

CSS
中,如果用空格分隔两个选择器,则其意义与您推断的“仅适用于navbars搜索中包含的.search查询”

element1 element2{
/*
*适用于任何级别的后代
*     
*或
*     
*/
}
元素1,元素2{
/*
*适用于或
*/
}
元素1>元素2{
/*
*仅适用于直接子女
*/
}
元素1+元素2{
/*
*仅适用于前一个兄弟姐妹
*     
*/
}

上述CSS影响嵌套在
中的
.search query
。嵌套在
中的navbar search
。navbar Reverse
不会影响未嵌套在这些类容器中的
.search query


但是,更改只影响
.search query
类,而不影响其他两个类。这只是为了更具体地说明选择器

上面的CSS影响嵌套在
中的
.search query
。嵌套在
.navbar inverse
中的navbar search
,因此不会影响未嵌套在这些类容器中的
.search query

但是,更改只影响
.search query
类,而不影响其他两个类。这只是为了更具体地说明选择器

.navbar-inverse .navbar-search .search-query {
  color: #515151;
  background-color: #ffffff;
  border-color: #111111;
  -o-transition: none;
  transition: none;
}
element1 element2 {
    /*
     * applies to any level of descendance 
     *     <element1><element2></element2></element1>
     * or
     *     <element1><x><element2></element2></x></element1>
     */
}

element1, element2 {
    /*
     * applies to either <element1></element1> or <element2></element2>
     */
}

element1 > element2 {
    /*
     * applies only to direct children <element1><element2></element2></element1>
     */
}

element1 + element2 {
    /*
     * applies only to immediately preceding siblings
     *     <x><element1></element1><element2></element2></x>
     */
}