Css 换班标志
您好,我是css新手,并且已经开始使用引导程序,我必须用classCss 换班标志,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代码来自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>
*/
}